/* main_visual ----------------------------------- */ #sub_visual {padding-top:130px; height:300px;position:relative;z-index:0;margin-top:0px;overflow: hidden;text-align: center;} #sub_visual .img { height:300px; position: absolute; top: 0; width:100%;z-index:-1;margin: 0 auto;text-align: center;align-items: center;height: 90%;} #sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;} #sub_visual .h1_container{max-width:94%;width:94%;margin:0 auto;text-align: center;} #sub_visual .h1_container h1{font-size:22px; line-height: 180%;font-weight: normal;letter-spacing: 4px;color: #fff;text-shadow: 2px 2px 10px #000,2px 2px 10px #000,2px 2px 10px #000,2px 2px 10px #000,2px 2px 10px #000,2px 2px 10px #000,2px 2px 10px #000;text-align: center;position: relative;font-family: "Zen Old Mincho", serif;} #sub_visual .h1_container .ttl{font-size:18px;line-height:100%;font-weight: normal;color:#fff;text-shadow: 2px 2px 20px #000;text-align: center;letter-spacing: 0.1em;text-transform: uppercase;} #sub_visual .h1_container h1.gozo:before{position: absolute;content: "";background: url(../images/sub_gozo_logo.png) no-repeat center center / cover ;width:40px;height:40px;top: -30px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;filter: drop-shadow(3px 3px 5px #ffffff)drop-shadow(3px 3px 5px #ffffff)drop-shadow(3px 3px 5px #ffffff);} #sub_visual .h1_container h1.suzu:before{position: absolute;content: "";background: url(../images/sub_suzu_logo.png) no-repeat center center / cover ;width:40px;height:40px;top: -30px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;filter: drop-shadow(3px 3px 5px #ffffff)drop-shadow(3px 3px 5px #ffffff);} #sub_visual .h1_container h1.carne:before{position: absolute;content: "";background: url(../images/sub_carne_logo.png) no-repeat center center / cover ;width:40px;height:40px;top: -30px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;filter: drop-shadow(3px 3px 5px #ffffff)drop-shadow(3px 3px 5px #ffffff);} #sub_visual .h1_container h1.recruit:before{position: absolute;content: "";background: url(../images/sub_recruit_logo.png) no-repeat center center / cover ;width:130px;height:40px;top: -30px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;filter: drop-shadow(3px 3px 5px #ffffff)drop-shadow(3px 3px 5px #ffffff);} /* sub_contents ----------------------------------- */ #sub_contents {font-size: 14px; position: relative;padding:5px 0px;background-attachment: fixed; } #sub_contents p{font-size: 14px;line-height: 1.8em;} #sub_contents .section{max-width: 94%; margin: 40px auto 50px;position: relative;width: 94%;} #sub_contents .scroll_section{width: 100%;margin: 20px auto 20px;position: relative;} #sub_contents h2{ text-align: center;font-size:20px; position: relative; line-height: 180%; padding:15px auto 15px;margin: 0px auto; font-weight: bold;font-family: "Zen Old Mincho", serif;border-top: solid 2px #111111;border-bottom: solid 2px #111111;width: 90%;} #sub_contents h2.white{ color: #fff;} #sub_contents .sub_menu_box h2{font-size:16px;width: 90%;} #sub_contents h2.gozo{ border-top: solid 2px #000f47;border-bottom: solid 2px #000f47;color: #000f47;} #sub_contents h2.suzu{ border-top: solid 2px #957c51;border-bottom: solid 2px #957c51;color: #957c51;} #sub_contents h2.carne{border-top: solid 2px #ed1c24;border-bottom: solid 2px #ed1c24;color: #ed1c24;} #sub_contents h3{ text-align: center;font-size:18px; margin-bottom:15px; position: relative; font-weight: bold; margin-top: 40px;} #sub_contents .mb20{margin-bottom: 15px;} #sub_contents .mb30{margin-bottom: 20px;} #sub_contents .mb50{margin-bottom: 30px;} #sub_contents .mb100{margin-bottom: 50px;} #sub_contents .mb150{margin-bottom: 100px;} #sub_contents .mt80{margin-top: 50px;} #sub_contents .mt30{margin-top: 20px;} #sub_contents .txt_cen{ text-align: center; line-height: 200%;font-size: 14px;font-weight: bold;} #sub_contents .sub_bg{background:url(../images/sub_bg01.jpg) repeat top;width: 100%; padding: 10px 0px;z-index: 0; z-index: 0;position: relative;} #sub_contents .sub_bg02{background:url(../images/sub_bg02.jpg) repeat top;width: 100%; padding: 10px 0px;z-index: 0; z-index: 0;position: relative;} #sub_contents .sub_bg03{background:#000000 ;padding: 10px 0;z-index:0;} #sub_contents .f13 {font-size:13px;} /* bread_crumb_list ----------------------------------- */ #sub_contents .bread_crumb_list{position: relative; margin-bottom: 40px;color:#fff;max-width: 100%;align-items: left;} #sub_contents .bread_crumb{text-align:left;padding:5px 1em 5px 1em;margin-right: auto;background: #00000099;position:relative;top: -63px;left: 0;} #sub_contents .bread_crumb li { display:inline;} #sub_contents .bread_crumb li:after {content : '-';padding-left:5px; font-family: inherit;} #sub_contents .bread_crumb li:last-child:after { content : '';} #sub_contents .bread_crumb li a {text-decoration:underline; color:#fff;} #sub_contents .bread_crumb li a:hover{ text-decoration:none;} #sub_contents .bread_crumb li.current { font-weight: normal;} #sub_contents .bread_crumb p{margin-bottom:0px; font-size:10px;color:#fff;} #sub_contents .bread_crumb p a{color:#fff;} /* btn ----------------------------------- */ #sub_contents .anker__items{column-gap: 10px;row-gap: 10px;} #sub_contents .anker__item{width: 48%;position: relative;display: block;} #sub_contents .anker__item.w100{width: 100%;} #sub_contents .anker__item.w50{width: 100%;} #sub_contents .anker__item.w30{width: 100%;} #sub_contents .anker__item.w20{width: 48%;} #sub_contents .anker__item a {display: block;text-align: center;background: #111111;color:#fff;text-transform: capitalize;padding: 5px;} #sub_contents .anker__item a:hover {background: #111111;color:#fff;opacity:.8;} #sub_contents .anker__item p {font-size: 13px;} #sub_contents .anker__item.gozo a {background: #000f47;color: #fff;} #sub_contents .anker__item.gozo a:hover {background: #000f47;color:#fff;} #sub_contents .anker__item.suzu a {background: #957c51;color: #fff;} #sub_contents .anker__item.suzu a:hover {background: #957c51;color:#fff;} #sub_contents .anker__item.carne a {background: #ed1c24;color: #fff;} #sub_contents .anker__item.carne a:hover {background: #ed1c24;color:#fff;} #sub_contents .anker__item p.small {font-size: 13px;} /* tab ----------------------------------- */ #sub_contents .tab_area {gap:20px;} #sub_contents .tab {position: relative;width:100%; padding: 10px 0;font-size: 15px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #111111;} #sub_contents .tab.w40 {position: relative;width:100%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #111111;} #sub_contents .tab p.ttl {font-size: 15px;display: inline;} #sub_contents .tab.is-active::after {position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);width: 20px;height: 10px;background-color: #111111;content: '';clip-path: polygon(0 0, 100% 0, 50% 100%);} #sub_contents .panel {display: none;} #sub_contents .panel.is-active {display: block;background-size: cover;padding: 0px 0 0;} /* concept ----------------------------------- */ #sub_contents .box_greeting_com{padding: 10px 10px 10px;background:url("../images/sub_con_img01.jpg")repeat center center; background-attachment: fixed;} #sub_contents .box_greeting_com .inner{background: #00000080;padding: 10px 10px; position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;border: solid 1px #fff;} #sub_contents .box_greeting_com .inner p{font-size:13px; font-weight: normal;line-height: 230%;color: #fff;} #sub_contents .box_greeting_com .inner p.ttl{font-size:15px; font-weight: normal;line-height: 200%;color: #fff;font-weight: bold;display: block;} #sub_contents .comm_textBox {position: relative;} #sub_contents .comm_textBox.blackbox {background-color: #00000010;padding: 20px 10px;} #sub_contents .comm_textBox .img{width: 100%;margin-bottom: 20px;position:relative;} #sub_contents .comm_textBox .textarea {width: 100%;margin-bottom:15px;} #sub_contents .comm_textBox .textarea p {line-height:2;} #sub_contents .comm_textBox .textarea p.concept {font-size: 14px;} #sub_contents .comm_textBox .textarea p.concept.br {margin-bottom: 2em;} #sub_contents .comm_textBox .textarea p.ttl {border-bottom: solid 1px #111111;margin-bottom: 10px;font-weight: bold;font-size: 14px;} #sub_contents .comm_textBox .textarea p.ttl.gozo {border-bottom: solid 1px #000f47;} #sub_contents .comm_textBox .textarea p.ttl.suzu {border-bottom: solid 1px #957c51;} #sub_contents .comm_textBox .textarea p.ttl.carne {border-bottom: solid 1px #ed1c24;} #sub_contents .comm_textBox .textarea p.number {font-size: 13px;margin-bottom: 5px;text-transform: uppercase;font-weight: bold;} #sub_contents .comm_textBox .textarea p.kansuuji {font-size: 30px;margin-bottom: 0px;font-weight: bold;font-family: "Noto Serif JP", serif;} #sub_contents img.sub_ill_01 { width: 30%; left: 0%;top: 70%;transform: translate(0, -50%);z-index: 0;position: absolute;opacity: 0.2;} #sub_contents img.sub_ill_02 { width: 30%; right: 0%;top: 70%;transform: translate(0, -50%);z-index: 0;position: absolute;opacity: 0.2;} /* gozoroppu ----------------------------------- */ #sub_contents .wbox{position: relative; padding: 20px 20px; background-color: #00000010;font-size: 14px;font-weight: bold;text-align: center;} #sub_contents .wbox::before { position: absolute;top: -5px; left: -5px;width: 100%;height: 100%; border: 1px solid #111111;transition: .3s;content: '';} #sub_contents .resev_box {width: 100%;position: relative;} #sub_contents .resev_box .inner {width: 100%;text-align: center;} #sub_contents .tbl_info {width: 100%;margin-inline: auto;} #sub_contents .tbl_info .tr {display: block;align-items: stretch;} #sub_contents .tbl_info .th {width: 100%;padding: 15px 0;line-height: 1.6;text-align: center;display: flex;align-items: center;justify-content: center;} #sub_contents .tbl_info .th p.ttl {font-weight: bold;} #sub_contents .tbl_info .td {width: 100%;text-align: left;padding: 15px 1em;line-height: 1.6;border-bottom: 1px solid #111111;} #sub_contents .tbl_info .td .info {font-weight: normal;} #sub_contents .sub_map{width:100%;} #sub_contents .shop_img img{width: 100%;margin-bottom:10px} /* menu01 ----------------------------------- */ #sub_contents .sub_menu_box {width: 100%;background-color: #00000010;padding: 20px 10px;} #sub_contents .menu_img {width: 100%; text-align: center;position: relative;} #sub_contents .menu_img img {width: 100%;margin: 0 auto;height: auto;} #sub_contents .menu_list {width: 100%;padding: 0em;} #sub_contents .menu_list .box {width: 100%;border-bottom: solid 1px #111111;margin-bottom: 1em;padding: 0.5em 0;} #sub_contents .menu_list .box .left {width: 100%;text-align: left;display: block;} #sub_contents .menu_list .box .left .ttl {font-weight: bold;font-size: 13px;display: block;} #sub_contents .menu_list .box .right {width: 100%;text-align: right;display: block;} #sub_contents .menu_list .box .right .price {font-weight: normal;font-size: 13px;} #sub_contents .center_img img{max-width: 100%;width: 100%;object-fit: cover;height:200px;} @media screen and (min-width: 414px) { #sub_contents .comm_textBox .textarea p {line-height:2;} #sub_contents .comm_textBox .textarea p.concept {font-size: 13px;} #sub_contents .comm_textBox .textarea p.concept.br {margin-bottom: 2em;} } @media screen and (min-width: 768px) { /* main_visual ----------------------------------- */ #sub_visual {padding-top:180px; height:450px;position:relative;z-index:0;margin-top:0px;overflow: hidden;text-align: center;} #sub_visual .img { height:450px; position: absolute; top: 0; width:100%;z-index:-1;margin: 0 auto;text-align: center;align-items: center;height: 90%;} #sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;} #sub_visual .h1_container{max-width:1140px;width:94%;margin:0 auto;text-align: center;} #sub_visual .h1_container h1{font-size:44px; line-height: 180%;font-weight: normal;letter-spacing: 4px;color: #fff;text-shadow: 2px 2px 10px #000,2px 2px 10px #000,2px 2px 10px #000,2px 2px 10px #000,2px 2px 10px #000,2px 2px 10px #000,2px 2px 10px #000;text-align: center;position: relative;font-family: "Zen Old Mincho", serif;} #sub_visual .h1_container .ttl{font-size:30px;line-height:100%;font-weight: normal;color:#fff;text-shadow: 2px 2px 20px #000;text-align: center;letter-spacing: 0.1em;text-transform: uppercase;} #sub_visual .h1_container h1.gozo:before{position: absolute;content: "";background: url(../images/sub_gozo_logo.png) no-repeat center center / cover ;width:80px;height:80px;top: -45px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;filter: drop-shadow(3px 3px 5px #ffffff)drop-shadow(3px 3px 5px #ffffff)drop-shadow(3px 3px 5px #ffffff);} #sub_visual .h1_container h1.suzu:before{position: absolute;content: "";background: url(../images/sub_suzu_logo.png) no-repeat center center / cover ;width:80px;height:80px;top: -45px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;filter: drop-shadow(3px 3px 5px #ffffff)drop-shadow(3px 3px 5px #ffffff);} #sub_visual .h1_container h1.carne:before{position: absolute;content: "";background: url(../images/sub_carne_logo.png) no-repeat center center / cover ;width:80px;height:80px;top: -45px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;filter: drop-shadow(3px 3px 5px #ffffff)drop-shadow(3px 3px 5px #ffffff);} #sub_visual .h1_container h1.recruit:before{position: absolute;content: "";background: url(../images/sub_recruit_logo.png) no-repeat center center / cover ;width:250px;height:80px;top: -45px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;filter: drop-shadow(3px 3px 5px #ffffff)drop-shadow(3px 3px 5px #ffffff);} /* sub_contents ----------------------------------- */ #sub_contents {font-size: 16px; position: relative;padding:5px 0px;background-attachment: fixed; } #sub_contents p{font-size: 16px;line-height: 1.8em;} #sub_contents .section{max-width: 1140px; margin: 70px auto 80px;position: relative;width: 94%;} #sub_contents .scroll_section{width: 100%;margin: 50px auto 50px;position: relative;} #sub_contents h2{ text-align: center;font-size:24px; position: relative; line-height: 180%; padding:15px auto 15px;margin: 0px auto; font-weight: bold;font-family: "Zen Old Mincho", serif;border-top: solid 2px #111111;border-bottom: solid 2px #111111;width: 600px;} #sub_contents h2.white{ color: #fff;} #sub_contents .sub_menu_box h2{font-size:24px;} #sub_contents h2.gozo{ border-top: solid 2px #000f47;border-bottom: solid 2px #000f47;color: #000f47;} #sub_contents h2.suzu{ border-top: solid 2px #957c51;border-bottom: solid 2px #957c51;color: #957c51;} #sub_contents h2.carne{border-top: solid 2px #ed1c24;border-bottom: solid 2px #ed1c24;color: #ed1c24;} #sub_contents h3{ text-align: center;font-size:30px; margin-bottom:15px; position: relative; font-weight: bold; margin-top: 40px;} #sub_contents .mb20{margin-bottom: 15px;} #sub_contents .mb30{margin-bottom: 20px;} #sub_contents .mb50{margin-bottom: 30px;} #sub_contents .mb100{margin-bottom: 50px;} #sub_contents .mb150{margin-bottom: 100px;} #sub_contents .mt80{margin-top: 80px;} #sub_contents .mt30{margin-top: 30px;} #sub_contents .gap-20{gap: 30px;} #sub_contents .txt_cen{ text-align: center; line-height: 200%;font-size: 20px;font-weight: bold;} #sub_contents .sub_bg{background:url(../images/sub_bg01.jpg) repeat top;width: 100%; padding: 10px 0px;z-index: 0; z-index: 0;position: relative;} #sub_contents .sub_bg02{background:url(../images/sub_bg02.jpg) repeat top;width: 100%; padding: 10px 0px;z-index: 0; z-index: 0;position: relative;} #sub_contents .sub_bg03{background:#000000 ;padding: 30px 0;z-index:0;} #sub_contents .f13 {font-size:13px;} /* bread_crumb_list ----------------------------------- */ #sub_contents .bread_crumb_list{font-size: 12px; position: relative; margin-bottom: 50px;color:#fff;max-width: 100%;align-items: left;} #sub_contents .bread_crumb{text-align:left;padding:20px 15px 20px 30px;margin-right: auto;background: #00000099;position:relative;top: -116px;left: 0;} #sub_contents .bread_crumb li { display:inline;} #sub_contents .bread_crumb li:after {content : 'ー';padding-left:10px; font-family: inherit;} #sub_contents .bread_crumb li:last-child:after { content : '';} #sub_contents .bread_crumb li a {text-decoration:underline; color:#fff;} #sub_contents .bread_crumb li a:hover{ text-decoration:none;} #sub_contents .bread_crumb li.current { font-weight: normal;} #sub_contents .bread_crumb p{margin-bottom:0px; font-size:15px;color:#fff;} #sub_contents .bread_crumb p a{color:#fff;} /* btn ----------------------------------- */ #sub_contents .anker__items{column-gap: 10px;row-gap: 10px;} #sub_contents .anker__item{width: 48%;position: relative;display: block;} #sub_contents .anker__item.w100{width: 100%;} #sub_contents .anker__item.w50{width: 100%;} #sub_contents .anker__item.w30{width: 48%;} #sub_contents .anker__item.w20{width: 32%;} #sub_contents .anker__item a {display: block;text-align: center;background: #111111;color:#fff;text-transform: capitalize;padding: 1em;} #sub_contents .anker__item a:hover {background: #111111;color:#fff;opacity:.8;} #sub_contents .anker__item a p{font-size:16px;} #sub_contents .anker__item.gozo a {background: #000f47;color: #fff;} #sub_contents .anker__item.gozo a:hover {background: #000f47;color:#fff;} #sub_contents .anker__item.suzu a {background: #957c51;color: #fff;} #sub_contents .anker__item.suzu a:hover {background: #957c51;color:#fff;} #sub_contents .anker__item.carne a {background: #ed1c24;color: #fff;} #sub_contents .anker__item.carne a:hover {background: #ed1c24;color:#fff;} #sub_contents .anker__item p.small {font-size: 13px;} /* tab ----------------------------------- */ #sub_contents .tab_area {gap:30px;} #sub_contents .tab {position: relative;width:70%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #111111;} #sub_contents .tab.w40 {position: relative;width:40%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #111111;} #sub_contents .tab p.ttl {font-size: 20px;display: inline;} #sub_contents .tab.is-active::after {position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);width: 20px;height: 10px;background-color: #111111;content: '';clip-path: polygon(0 0, 100% 0, 50% 100%);} #sub_contents .panel {display: none;} #sub_contents .panel.is-active {display: block;background-size: cover;padding: 0px 0 0;} /* concept ----------------------------------- */ #sub_contents .box_greeting_com{padding: 30px 30px 30px;background:url("../images/sub_con_img01.jpg")repeat center center; background-attachment: fixed;} #sub_contents .box_greeting_com .inner{background: #00000080;padding: 30px 30px; position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;border: solid 1px #fff;} #sub_contents .box_greeting_com .inner p{font-size:16px; font-weight: normal;line-height: 230%;color: #fff;} #sub_contents .box_greeting_com .inner p.ttl{font-size:24px; font-weight: normal;line-height: 200%;color: #fff;font-weight: bold;display: block;} #sub_contents .comm_textBox {position: relative;} #sub_contents .comm_textBox.blackbox {background-color: #00000010;padding: 30px 40px;} #sub_contents .comm_textBox .img{width: 100%;margin-bottom: 10px;position:relative;} #sub_contents .comm_textBox .textarea {width: 100%;margin-bottom:20px;} #sub_contents .comm_textBox .textarea p {line-height:2;} #sub_contents .comm_textBox .textarea p.concept {font-size: 17px;display: block;} #sub_contents .comm_textBox .textarea p.concept.br {display: block;} #sub_contents .comm_textBox .textarea p.ttl {border-bottom: solid 1px #111111;margin-bottom: 10px;font-weight: bold;font-size: 24px;} #sub_contents .comm_textBox .textarea p.ttl.gozo {border-bottom: solid 1px #000f47;} #sub_contents .comm_textBox .textarea p.ttl.suzu {border-bottom: solid 1px #957c51;} #sub_contents .comm_textBox .textarea p.ttl.carne {border-bottom: solid 1px #ed1c24;} #sub_contents .comm_textBox .textarea p.number {font-size: 18px;margin-bottom: 5px;text-transform: uppercase;font-weight: bold;} #sub_contents .comm_textBox .textarea p.kansuuji {font-size: 50px;margin-bottom: 0px;font-weight: bold;font-family: "Noto Serif JP", serif;} #sub_contents img.sub_ill_01 { width:20%; left: 0%;top: 80%;transform: translate(0, -50%);z-index: 0;position: absolute;opacity: 0.2;} #sub_contents img.sub_ill_02 { width:20%; right: 0%;top: 80%;transform: translate(0, -50%);z-index: 0;position: absolute;opacity: 0.2;} /* gozoroppu ----------------------------------- */ #sub_contents .wbox{position: relative; padding: 30px 30px; background-color: #00000010;font-size: 18px;font-weight: bold;text-align: center;} #sub_contents .wbox::before { position: absolute;top: -10px; left: -10px;width: 100%;height: 100%; border: 1px solid #111111;transition: .3s;content: '';} #sub_contents .resev_box {width: 100%;position: relative;} #sub_contents .resev_box .inner {width: 48%;text-align: center;} #sub_contents .tbl_info {width: 100%;margin-inline: auto;} #sub_contents .tbl_info .tr {display: flex;align-items: stretch;} #sub_contents .tbl_info .th {width: 30%;padding: 15px 0;border-bottom: 2px solid #111111;line-height: 1.6;text-align: center;display: flex;align-items: center;justify-content: center;} #sub_contents .tbl_info .th p.ttl {font-weight: bold;} #sub_contents .tbl_info .td {width: 70%;text-align: left;padding: 15px 1em;line-height: 1.6;border-bottom: 1px solid #111111;} #sub_contents .tbl_info .td .info {font-weight: normal;} #sub_contents .sub_map{width:100%;} #sub_contents .shop_img img{width: 49%;} /* menu01 ----------------------------------- */ #sub_contents .sub_menu_box {width: 100%;background-color: #00000010;padding: 40px 40px;} #sub_contents .menu_img {width: 100%; text-align: center;position: relative;} #sub_contents .menu_img img {width: 600px;margin: 0 auto;height: auto;} #sub_contents .menu_list {width: 100%;padding: 1em;} #sub_contents .menu_list .box {width: 100%;border-bottom: solid 1px #111111;margin-bottom: 1em;padding: 0.5em 0;} #sub_contents .menu_list .box .left {width: 60%;text-align: left;display: inline-block;} #sub_contents .menu_list .box .left .ttl {font-weight: bold;font-size: 16px;display: inline-block;} #sub_contents .menu_list .box .right {width: 40%;text-align: right;display: inline-block;} #sub_contents .menu_list .box .right .price {font-weight: normal;font-size: 18px;} #sub_contents .center_img img{max-width: 700px;width: 100%;height:400px;} } @media screen and (min-width: 1024px) { /* main_visual ----------------------------------- */ #sub_visual {padding-top:140px; height:450px;position:relative;z-index:0;margin-top:50px;overflow: hidden;text-align: center;} #sub_visual .img { height:450px; position: absolute; top: 0; width:100%;z-index:-1;margin: 0 auto;text-align: center;align-items: center;height: 90%;} #sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;} #sub_visual .h1_container{max-width:1140px;width:94%;margin:0 auto;text-align: center;} #sub_visual .h1_container h1{font-size:60px; line-height: 180%;font-weight: normal;letter-spacing: 4px;color: #fff;text-shadow: 2px 2px 10px #000,2px 2px 10px #000,2px 2px 10px #000,2px 2px 10px #000,2px 2px 10px #000,2px 2px 10px #000,2px 2px 10px #000;text-align: center;position: relative;font-family: "Zen Old Mincho", serif;} #sub_visual .h1_container .ttl{font-size:38px;line-height:100%;font-weight: normal;color:#fff;text-shadow: 2px 2px 20px #000;text-align: center;letter-spacing: 0.1em;text-transform: uppercase;} #sub_visual .h1_container h1.gozo:before{position: absolute;content: "";background: url(../images/sub_gozo_logo.png) no-repeat center center / cover ;width:100px;height:100px;top: -30px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;filter: drop-shadow(3px 3px 5px #ffffff)drop-shadow(3px 3px 5px #ffffff)drop-shadow(3px 3px 5px #ffffff);} #sub_visual .h1_container h1.suzu:before{position: absolute;content: "";background: url(../images/sub_suzu_logo.png) no-repeat center center / cover ;width:100px;height:100px;top: -30px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;filter: drop-shadow(3px 3px 5px #ffffff)drop-shadow(3px 3px 5px #ffffff);} #sub_visual .h1_container h1.carne:before{position: absolute;content: "";background: url(../images/sub_carne_logo.png) no-repeat center center / cover ;width:100px;height:100px;top: -30px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;filter: drop-shadow(3px 3px 5px #ffffff)drop-shadow(3px 3px 5px #ffffff);} #sub_visual .h1_container h1.recruit:before{position: absolute;content: "";background: url(../images/sub_recruit_logo.png) no-repeat center center / cover ;width:330px;height:100px;top: -30px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;filter: drop-shadow(3px 3px 5px #ffffff)drop-shadow(3px 3px 5px #ffffff);} /* sub_contents ----------------------------------- */ #sub_contents {font-size: 16px; position: relative;padding:5px 0px;background-attachment: fixed; } #sub_contents p{font-size: 16px;line-height: 1.8em;} #sub_contents .section{max-width: 1140px; margin: 70px auto 80px;position: relative;width: 94%;} #sub_contents .scroll_section{width: 100%;margin: 50px auto 50px;position: relative;} #sub_contents h2{ text-align: center;font-size:30px; position: relative; line-height: 180%; padding:15px auto 15px;margin: 0px auto; font-weight: bold;font-family: "Zen Old Mincho", serif;border-top: solid 2px #111111;border-bottom: solid 2px #111111;width: 600px;} #sub_contents h2.white{ color: #fff;} #sub_contents h2.gozo{ border-top: solid 2px #000f47;border-bottom: solid 2px #000f47;color: #000f47;} #sub_contents h2.suzu{ border-top: solid 2px #957c51;border-bottom: solid 2px #957c51;color: #957c51;} #sub_contents h2.carne{border-top: solid 2px #ed1c24;border-bottom: solid 2px #ed1c24;color: #ed1c24;} #sub_contents h3{ text-align: center;font-size:30px; margin-bottom:15px; position: relative; font-weight: bold; margin-top: 40px;} #sub_contents .mb20{margin-bottom: 20px;} #sub_contents .mb30{margin-bottom: 30px;} #sub_contents .mb50{margin-bottom: 50px;} #sub_contents .mb100{margin-bottom: 100px;} #sub_contents .mb150{margin-bottom: 150px;} #sub_contents .mt80{margin-top: 80px;} #sub_contents .mt30{margin-top: 30px;} #sub_contents .gap-20{gap: 30px;} #sub_contents .txt_cen{ text-align: center; line-height: 200%;font-size: 20px;font-weight: bold;} #sub_contents .sub_bg{background:url(../images/sub_bg01.jpg) repeat top;width: 100%; padding: 10px 0px;z-index: 0; z-index: 0;position: relative;} #sub_contents .sub_bg02{background:url(../images/sub_bg02.jpg) repeat top;width: 100%; padding: 10px 0px;z-index: 0; z-index: 0;position: relative;} #sub_contents .sub_bg03{background:#000000 ;padding: 30px 0;z-index:0;} /* bread_crumb_list ----------------------------------- */ #sub_contents .bread_crumb_list{font-size: 12px; position: relative; margin-bottom: 50px;color:#fff;max-width: 100%;align-items: left;} #sub_contents .bread_crumb{text-align:left;padding:20px 15px 20px 30px;margin-right: auto;background: #00000099;position:relative;top: -116px;left: 0;} #sub_contents .bread_crumb li { display:inline;} #sub_contents .bread_crumb li:after {content : 'ー';padding-left:10px; font-family: inherit;} #sub_contents .bread_crumb li:last-child:after { content : '';} #sub_contents .bread_crumb li a {text-decoration:underline; color:#fff;} #sub_contents .bread_crumb li a:hover{ text-decoration:none;} #sub_contents .bread_crumb li.current { font-weight: normal;} #sub_contents .bread_crumb p{margin-bottom:0px; font-size:15px;color:#fff;} #sub_contents .bread_crumb p a{color:#fff;} /* btn ----------------------------------- */ #sub_contents .anker__items{column-gap: 10px;row-gap: 10px;} #sub_contents .anker__item{width: 23%;position: relative;display: block;} #sub_contents .anker__item.w100{width: 100%;} #sub_contents .anker__item.w50{width: 48%;} #sub_contents .anker__item.w30{width: 32%;} #sub_contents .anker__item.w20{width: 19%;} #sub_contents .anker__item a {display: block;text-align: center;background: #111111;color:#fff;text-transform: capitalize;padding: 1em;} #sub_contents .anker__item a:hover {background: #111111;color:#fff;opacity:.8;} #sub_contents .anker__item.gozo a {background: #000f47;color: #fff;} #sub_contents .anker__item.gozo a:hover {background: #000f47;color:#fff;} #sub_contents .anker__item.suzu a {background: #957c51;color: #fff;} #sub_contents .anker__item.suzu a:hover {background: #957c51;color:#fff;} #sub_contents .anker__item.carne a {background: #ed1c24;color: #fff;} #sub_contents .anker__item.carne a:hover {background: #ed1c24;color:#fff;} #sub_contents .anker__item p.small {font-size: 13px;} /* tab ----------------------------------- */ #sub_contents .tab_area {gap:30px;} #sub_contents .tab {position: relative;width:30%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #111111;} #sub_contents .tab.w40 {position: relative;width:40%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #111111;} #sub_contents .tab p.ttl {font-size: 20px;display: inline;} #sub_contents .tab.is-active::after {position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);width: 20px;height: 10px;background-color: #111111;content: '';clip-path: polygon(0 0, 100% 0, 50% 100%);} #sub_contents .panel {display: none;} #sub_contents .panel.is-active {display: block;background-size: cover;padding: 0px 0 0;} /* concept ----------------------------------- */ #sub_contents .box_greeting_com{padding: 30px 30px 30px;background:url("../images/sub_con_img01.jpg")repeat center center; background-attachment: fixed;} #sub_contents .box_greeting_com .inner{background: #00000080;padding: 30px 30px; position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;border: solid 1px #fff;} #sub_contents .box_greeting_com .inner p{font-size:16px; font-weight: normal;line-height: 230%;color: #fff;} #sub_contents .box_greeting_com .inner p.ttl{font-size:24px; font-weight: normal;line-height: 200%;color: #fff;font-weight: bold;display: block;} #sub_contents .comm_textBox {position: relative;} #sub_contents .comm_textBox.blackbox {background-color: #00000010;padding: 30px 40px;} #sub_contents .comm_textBox .img{width: 50%;margin-bottom: 0px;position:relative;} #sub_contents .comm_textBox .textarea {width: 45%;margin-bottom:2em;} #sub_contents .comm_textBox .textarea p {line-height:2;} #sub_contents .comm_textBox .textarea p.concept {font-size: 16px;display: inline-block;} #sub_contents .comm_textBox .textarea p.concept.br {display: block;margin-bottom: 10px;} #sub_contents .comm_textBox .textarea p.ttl {border-bottom: solid 1px #111111;margin-bottom: 10px;font-weight: bold;font-size: 18px;} #sub_contents .comm_textBox .textarea p.ttl.gozo {border-bottom: solid 1px #000f47;} #sub_contents .comm_textBox .textarea p.ttl.suzu {border-bottom: solid 1px #957c51;} #sub_contents .comm_textBox .textarea p.ttl.carne {border-bottom: solid 1px #ed1c24;} #sub_contents .comm_textBox .textarea p.number {font-size: 18px;margin-bottom: 5px;text-transform: uppercase;font-weight: bold;} #sub_contents .comm_textBox .textarea p.kansuuji {font-size: 50px;margin-bottom: 0px;font-weight: bold;font-family: "Noto Serif JP", serif;} #sub_contents img.sub_ill_01 { width: calc((200/1024)*100%); left: -0%;top: 0%;transform: translate(0, -50%);z-index: 0;position: absolute;opacity: 0.2;} #sub_contents img.sub_ill_02 { width: calc((200/1024)*100%); right: -0%;top: 0%;transform: translate(0, -50%);z-index: 0;position: absolute;opacity: 0.2;} /* gozoroppu ----------------------------------- */ #sub_contents .wbox{position: relative; padding: 30px 40px; background-color: #00000010;font-size: 18px;font-weight: bold;text-align: center;} #sub_contents .wbox::before { position: absolute;top: -10px; left: -10px;width: 100%;height: 100%; border: 1px solid #111111;transition: .3s;content: '';} #sub_contents .resev_box {width: 100%;position: relative;} #sub_contents .resev_box .inner {width: 48%;text-align: center;} #sub_contents .tbl_info {width: 100%;margin-inline: auto;} #sub_contents .tbl_info .tr {display: flex;align-items: stretch;} #sub_contents .tbl_info .th {width: 30%;padding: 15px 0;border-bottom: 2px solid #111111;line-height: 1.6;text-align: center;display: flex;align-items: center;justify-content: center;} #sub_contents .tbl_info .th p.ttl {font-weight: bold;} #sub_contents .tbl_info .td {width: 70%;text-align: left;padding: 15px 1em;line-height: 1.6;border-bottom: 1px solid #111111;} #sub_contents .tbl_info .td .info {font-weight: normal;} #sub_contents .sub_map{width:100%;} #sub_contents .shop_img img{width: 49%;} /* menu01 ----------------------------------- */ #sub_contents .sub_menu_box {width: 100%;background-color: #00000010;padding: 40px 40px;} #sub_contents .menu_img {width: 100%; text-align: center;position: relative;} #sub_contents .menu_img img {width: 600px;margin: 0 auto;height: auto;} #sub_contents .menu_list {width: 100%;padding: 1em;} #sub_contents .menu_list .box {width: 100%;border-bottom: solid 1px #111111;margin-bottom: 1em;padding: 0.5em 0;} #sub_contents .menu_list .box .left {width: 60%;text-align: left;display: inline-block;} #sub_contents .menu_list .box .left .ttl {font-weight: bold;font-size: 18px;display: inline-block;} #sub_contents .menu_list .box .right {width: 40%;text-align: right;display: inline-block;} #sub_contents .menu_list .box .right .price {font-weight: normal;font-size: 18px;} #sub_contents .center_img img{max-width: 700px;width: 100%;} }