@charset "UTF-8";
/*  common
================================================ */
/*  02_base
================================================ */
html { overflow: auto; }

body { min-width: 320px; font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif; color: #333; font-size: 1.4rem; line-height: 1.8; letter-spacing: .06em; overflow: hidden; -webkit-text-size-adjust: 100%; }

@media all and (min-width: 600px) { body { min-width: 1100px; font-size: 1.6rem; } }

body.sg { height: auto; }

a { color: inherit; text-decoration: underline; }

@media all and (min-width: 600px) { a:hover { text-decoration: none; }
  a[href^="tel:"] { pointer-events: none; } }

.alpha { display: block; text-decoration: none; }

@media all and (min-width: 600px) { .alpha { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  .alpha:hover { opacity: .7; } }

img { width: 100%; height: auto; }

span, strong, em { font-weight: inherit; }

/* pc <--> sp
-------------------------------------- */
#mediaQuery { display: none; font-family: 'sp'; }

@media all and (min-width: 600px) { #mediaQuery { font-family: 'pc'; } }

@media all and (max-width: 599px) { .viewPc { display: none !important; } }

@media all and (min-width: 600px) { .viewSp { display: none !important; } }

/* clearfix
-------------------------------------- */
.cf:after { content: ''; display: block; clear: both; }

/* layout
-------------------------------------- */
#wrapper { position: relative; padding-bottom: 60px; }

@media all and (min-width: 600px) { #wrapper { padding-bottom: 0; } }

#container { padding: 20px 0 30px; }

#container #sidebar { padding-top: 20px; }

@media all and (min-width: 600px) { #container { padding: 30px 0 80px; }
  #container.col2 { width: 1100px; margin: 0 auto; }
  #container.col2 #contents { float: left; width: 820px; padding: 0; }
  #container.col2 #sidebar { float: right; width: 250px; padding-top: 0; } }

/* font
------------------------------------- */
.fontRoboto { font-family: 'Roboto Condensed', sans-serif; }

.fontDamion { font-family: 'Damion', cursive; }

/* #breadcrumb
================================================ */
#breadcrumb { position: absolute; left: 0; bottom: 0; width: 460px; padding: 12px 32px 20px; box-sizing: border-box; background: #f7f7f7; text-align: left; }

#breadcrumb .list .item { line-height: 1; display: inline-block; vertical-align: middle; font-size: 1.3rem; }

#breadcrumb .list .item a:hover { text-decoration: underline; }

#breadcrumb .list .item .ico { padding-bottom: 4px; }

#breadcrumb .list .item .ico:hover { border-bottom: 1px solid #7cbc00; }

#breadcrumb .list .item + .item { display: inline-block; vertical-align: middle; padding-top: 4px; padding-left: 4px; }

#breadcrumb .list .item + .item:before { content: ""; display: inline-block; vertical-align: middle; width: 3px; height: 3px; margin: -4px 0 0; margin-right: 10px; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/* #gFooter
================================================ */
#gFooter { background: #fff; }

#gFooter .fInfo .inner { padding-top: 30px; padding-bottom: 40px; }

#gFooter .fInfo .data .logo { width: 218px; margin: 0 auto; }

#gFooter .fInfo .data .logo a { display: inline-block; }

#gFooter .fInfo .data .address { padding: 24px 20px 0; font-size: 1.3rem; }

#gFooter .fInfo .calendar { box-sizing: border-box; padding: 30px 0 20px; border: 1px solid #b6b5b5; position: relative; margin: 50px 20px 0; }

#gFooter .fInfo .calendar .head { position: absolute; background: #7cbc00; color: #fff; text-align: center; margin: 0 auto; left: 0; right: 0; top: -17px; margin-bottom: 10px; box-sizing: border-box; padding: 3px 10px; width: 100px; }

#gFooter .fInfo .calendar .txt { line-height: 1.2; text-align: center; font-size: 1.3rem; }

#gFooter .fInfo .calendar .txt span { color: #7cbc00; font-size: 3.2rem; font-weight: 700; display: block; }

#gFooter .fInfo .bnrWrap { background: #7cbc00; margin: 50px -15px 0; padding: 30px 0; }

#gFooter .fInfo .bnrArea .bnr + .bnr { margin-top: 10px; }

#gFooter .fNav .inner { padding: 0; }

#gFooter .fNav .list .item { border-bottom: 1px solid #d1cfcf; }

#gFooter .fNav .list .itemTxt { position: relative; display: block; padding: 15px 11px 19px; text-decoration: none; font-size: 1.3rem; line-height: 1; background: #edf3e0; }

#gFooter .fNav .list .itemTxt.trigger:before { content: ""; position: absolute; top: 50%; right: 15px; width: 10px; height: 6px; background: url(../img/common/arw_up01.png) no-repeat center/contain; -webkit-transform: translate(0, -50%) rotate(180deg); -ms-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

#gFooter .fNav .list .itemTxt.trigger.is_open:before { -webkit-transform: translate(0, -50%) rotate(0); -ms-transform: translate(0, -50%) rotate(0); transform: translate(0, -50%) rotate(0); }

#gFooter .fNav .list .secondary { display: none; }

#gFooter .fNav .list .secondary .itemTxt { padding: 13px 25px; background: #edf3e0; }

#gFooter .fCopyright { position: relative; background: #8fc722; color: rgba(255, 255, 255, 0.6); text-align: center; padding: 26px 20px 21px; }

#gFooter .fCopyright .inner { position: relative; }

#gFooter .fCopyright .bnrWrap { margin-bottom: 15px; }

#gFooter .fCopyright .bnr { border-radius: 10px; overflow: hidden; width: 87%; }

#gFooter .fCopyright .bnr + .bnr { margin-top: 5px; }

#gFooter .fCopyright .cr { font-size: 1rem; }

#gFooter .fCopyright .facebook { width: 30px; margin: 0 auto 13px; }

@media all and (min-width: 600px) { #gFooter .fInfo .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 60px; }
  #gFooter .fInfo .data { width: 50%; }
  #gFooter .fInfo .data .logo { width: 278px; margin-left: 0; }
  #gFooter .fInfo .data .address { padding: 24px 0 0; }
  #gFooter .fInfo .calendar { width: 50%; margin: 0; }
  #gFooter .fInfo .calendar .head { left: 30px; top: 40px; margin: 0; }
  #gFooter .fInfo .calendar .txt { line-height: 1.5; text-align: left; padding-left: 150px; font-size: 1.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #gFooter .fInfo .calendar .txt span { font-size: 3.8rem; }
  #gFooter .fInfo .bnrWrap { background: url(../img/common/bg_contact01_pc.png) no-repeat center center; background-size: cover; margin: 80px -100% 0px; padding: 45px 0; }
  #gFooter .fInfo .bnrArea { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -12px; }
  #gFooter .fInfo .bnrArea .bnr { width: calc(50% - 24px); margin: 0 12px; }
  #gFooter .fInfo .bnrArea .bnr + .bnr { margin-top: 0; }
  #gFooter .fNav { background: #edf3e0; }
  #gFooter .fNav .inner { padding: 57px 0; }
  #gFooter .fNav .list { overflow: hidden; width: 100%; }
  #gFooter .fNav .list .item { float: left; width: 14%; border-bottom: 0; }
  #gFooter .fNav .list .item:nth-child(1) { width: 17%; }
  #gFooter .fNav .list .item:nth-child(2) { width: 24%; }
  #gFooter .fNav .list .item:nth-child(3) { width: 31%; }
  #gFooter .fNav .list .item .itemTxt { line-height: 2.3; padding: 0; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #gFooter .fNav .list .item .itemTxt:hover { color: #7cbc00; }
  #gFooter .fNav .list .item .itemTxt.trigger:before { display: none; }
  #gFooter .fNav .list .item .itemTxt.trigger:hover { color: #333; }
  #gFooter .fNav .list .item .secondary { display: block !important; }
  #gFooter .fNav .list .item .secondary .item { padding-left: .5em; float: none; width: 100% !important; }
  #gFooter .fNav .list .item .secondary .itemTxt { padding: 0; background: transparent; }
  #gFooter .fCopyright { padding: 10px 0 15px; }
  #gFooter .fCopyright .inner { width: 1100px; margin: 0 auto; }
  #gFooter .fCopyright .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #gFooter .fCopyright .bnrWrap { margin-right: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  #gFooter .fCopyright .bnr { margin: 0; width: 300px; }
  #gFooter .fCopyright .bnr + .bnr { margin-right: 15px; }
  #gFooter .fCopyright .cr { font-size: 1.2rem; }
  #gFooter .fCopyright .facebook { margin: 0; } }

/* #pagetop
================================================ */
#pagetop a { display: block; height: 50px; color: #fff; text-align: center; text-decoration: none; font-size: 0; background: #f7f7f7 url(../img/common/footer/bg_pagetop01.png) no-repeat center; background-size: 34px auto; }

.headDesc { background: #8fc722; }

.headDesc .inner { display: block; padding-top: 5px; padding-bottom: 5px; color: #fff; font-size: 1rem; line-height: 1.4; letter-spacing: 0; }

@media all and (min-width: 600px) { .headDesc .inner { padding-top: 2px; padding-bottom: 2px; font-size: 1.2rem; letter-spacing: .06em; } }

/* #gHeader
================================================ */
#gHeader { position: relative; top: 0; left: 0; width: 100%; min-width: 320px; z-index: 2000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

@media all and (min-width: 600px) { #gHeader { width: 1100px; margin: 0 auto; } }

/* #hdInfo
-------------------------------------- */
#hdInfo { position: relative; z-index: 3; height: 65px; padding: 10px 15px; background: #fff; box-sizing: border-box; }

#hdInfo .logo { float: left; padding-top: 3px; width: 220px; }

#hdInfo .btnGnav { position: absolute; top: 10px; right: 15px; width: 45px; height: 45px; background: #7cbc00; cursor: pointer; text-align: center; }

#hdInfo .btnGnav .line { position: absolute; left: 13px; width: 20px; height: 2px; border-radius: 10px; content: ''; background: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

#hdInfo .btnGnav .line:nth-child(1) { top: 16px; }

#hdInfo .btnGnav .line:nth-child(2) { top: 21px; }

#hdInfo .btnGnav .line:nth-child(3) { top: 26px; }

#hdInfo .btnGnav.is_open .line { top: 16px; }

#hdInfo .btnGnav.is_open .line:nth-child(1) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

#hdInfo .btnGnav.is_open .line:nth-child(2) { opacity: 0; }

#hdInfo .btnGnav.is_open .line:nth-child(3) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

#hdInfo .btnGnav.is_open .chara { display: inline-block; }

#hdInfo .btnGnav .chara { padding-top: 29px; display: none; text-align: center; color: #fff; font-size: 1rem; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

@media all and (min-width: 600px) { #hdInfo { height: 90px; padding: 8px 0px; }
  #hdInfo .logo { width: 278px; padding-top: 12px; }
  #hdInfo .hdContactArea { float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #hdInfo .hdContactArea .tel { padding-right: 15px; }
  #hdInfo .hdContactArea .tel .number { font-size: 1.6rem; line-height: 1; text-align: right; }
  #hdInfo .hdContactArea .tel .number > span { display: inline-block; padding-left: 10px; vertical-align: baseline; font-size: 2.8rem; font-weight: 600; letter-spacing: 0.02em; }
  #hdInfo .hdContactArea .tel .times { font-size: 1.1rem; letter-spacing: 0; line-height: 1.3; }
  #hdInfo .hdContactArea .tel .notes { color: #e00; font-size: 1.1rem; letter-spacing: 0; line-height: 1.3; }
  #hdInfo .hdContactArea .btnMailContact { padding-left: 1px; } }

/* #gNav
================================================ */
#gNav { display: none; position: absolute; top: 102px; left: 0; z-index: 1999; width: 100%; min-width: 320px; padding-bottom: 40px; box-sizing: border-box; -webkit-overflow-scrolling: touch; }

@media all and (max-width: 599px) { #gNav { overflow-y: scroll; background: #fff; z-index: 1001; border-top: 1px solid #d1cfcf; }
  #gNav .inner { padding: 0; }
  #gNav .list { border-bottom: 1px solid #d1cfcf; }
  #gNav .list .item { border-top: 1px solid #d1cfcf; }
  #gNav .list .itemTxt { position: relative; display: block; padding: 18px 15px; text-decoration: none; font-size: 1.3rem; line-height: 1; background: #fff; cursor: pointer; }
  #gNav .list .itemTxt.trigger:before { content: ""; position: absolute; top: 50%; right: 15px; width: 10px; height: 6px; background: url(../img/common/arw_up01.png) no-repeat center/contain; -webkit-transform: translate(0, -50%) rotate(180deg); -ms-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #gNav .list .itemTxt.trigger.is_open:before { -webkit-transform: translate(0, -50%) rotate(0); -ms-transform: translate(0, -50%) rotate(0); transform: translate(0, -50%) rotate(0); }
  #gNav .list .secondary { display: none; }
  #gNav .list .secondary .itemTxt { padding: 13px 25px; background: #edf3e0; }
  #gNav .btnList { padding: 30px 35px 0; }
  #gNav .bnrList { padding: 30px 35px 0; }
  #gNav .bnrList .bnr + .bnr { margin-top: 10px; }
  #gNav .closeBtn { width: 215px; margin: 40px auto 0; } }

@media all and (min-width: 600px) { #gNav { display: block; padding-bottom: 0; position: static; border-bottom: 1px solid #f7f7f7; background: #fff; }
  #gNav .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #gNav .list .item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 75px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; }
  #gNav .list .item:first-child { padding-left: 0; }
  #gNav .list .item:last-child { padding-right: 0; }
  #gNav .list .item.current > .itemTxt { color: #7cbc00; }
  #gNav .list .item.current > .itemTxt:after { width: 32px; }
  #gNav .list .item.reservation .itemTxt { color: #7cbc00; }
  #gNav .list .item .itemTxt { position: relative; display: block; text-decoration: none; font-size: 1.6rem; line-height: 1; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #gNav .list .item .itemTxt:after { content: ""; position: absolute; left: 50%; bottom: -30px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 0; height: 1px; background: #7cbc00; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #gNav .list .item .itemTxt:hover { color: #7cbc00; }
  #gNav .list .item .itemTxt:hover:after { width: 32px; }
  #gNav .list .item .itemTxt.trigger:before { content: ""; position: absolute; top: 50%; right: -20px; width: 14px; height: 8px; background: url(../img/common/arw_up01.png) no-repeat center/contain; -webkit-transform: translate(0, -50%) rotate(180deg); -ms-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #gNav .list .item .itemTxt.trigger.is_open:before { -webkit-transform: translate(0, -50%) rotate(0); -ms-transform: translate(0, -50%) rotate(0); transform: translate(0, -50%) rotate(0); }
  #gNav .list .item .secondary { display: none; position: absolute; left: 0; top: 100%; width: auto; background: #fff; box-sizing: border-box; white-space: nowrap; z-index: 3; box-shadow: 0px 3px 10px 0px rgba(4, 0, 0, 0.2); } }

@media all and (min-width: 600px) and (min-width: 600px) { #gNav .list .item .secondary { box-shadow: 0px 6px 20px 0px rgba(4, 0, 0, 0.3); } }

@media all and (min-width: 600px) { #gNav .list .item .secondary .item { height: auto; padding: 0; border-bottom: 1px solid #b6b5b5; }
  #gNav .list .item .secondary .item .itemTxt { width: 100%; box-sizing: border-box; padding: 17px 20px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #gNav .list .item .secondary .item .itemTxt:after { display: none; }
  #gNav .list .item .secondary .item .itemTxt:hover { background: #edf3e0; }
  #gNav .list .item .secondary .item .itemTxt:hover:after { display: none; } }

/* #overlay
================================================ */
#overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(124, 188, 0, 0.6); z-index: 1000; }

@media all and (min-width: 600px) { #overlay { display: none !important; } }

/* fixedContents
------------------------------------- */
#fixedContents { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 100; }

#fixedContents .fixedBlock { display: -webkit-box; display: -ms-flexbox; display: flex; }

#fixedContents .fixedBlock .btnReservation { -webkit-box-flex: .7; -ms-flex: .7; flex: .7; }

#fixedContents .fixedBlock .btnReservation a { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 27px; }

#fixedContents .fixedBlock .btnReservation a:after { right: 15px; }

#fixedContents .fixedBlock .btnAceess { width: 56px; }

#fixedContents .fixedBlock .btnTel { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

#fixedContents .fixedBlock .btnTel .red { color: #e00; font-weight: bold; }

@media all and (min-width: 600px) { #fixedContents { left: auto; top: 50%; margin-top: -140px; right: 0; bottom: auto; width: auto; height: 285px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateX(147px); -ms-transform: translateX(147px); transform: translateX(147px); }
  #fixedContents:hover { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  #fixedContents .fixedBlock { display: block; }
  #fixedContents .flexList { border-radius: 10px 0 0 10px; overflow: hidden; }
  #fixedContents .flexItem { height: 70px; }
  #fixedContents .flexItem + .flexItem { border-top: 1px solid #fff; }
  #fixedContents .flexItem .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; height: 100%; color: #fff; font-size: 1.6rem; line-height: 1; box-sizing: border-box; overflow: hidden; background: #8fc722; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #fixedContents .flexItem a.link:hover { background: #a8de3e; }
  #fixedContents .flexItem .ico { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 65px; text-align: center; }
  #fixedContents .flexItem .ico img { width: 43px; }
  #fixedContents .flexItem .txt { width: 140px; } }

@media all and (max-width: 599px) { body.sticky #wrapper { padding-top: 65px; }
  body.sticky #gHeader { position: fixed; top: 0; }
  body.sticky #gNav { position: fixed; top: 65px; } }

@media all and (min-width: 600px) { body.sticky #gNav { position: fixed; top: 0; } }

/*============================================================= coronavirus popup =============================================================*/
.coronavirus { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 11111; }

.popup-area { width: 94%; height: 90%; position: fixed; top: 15px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 51.5%; z-index: 2; overflow-y: auto; -webkit-overflow-scrolling: touch; }

@media all and (min-width: 600px) { .popup-area { width: 47%; min-width: 720px; max-width: 907px; height: auto; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 51.5%; } }

/* #mainVisual HOME
================================================ */
#mainVisual .inner { position: relative; }

#mainVisual .item { overflow: hidden; border-radius: 10px; }

#mainVisual .item img { -webkit-transition: all 8s ease; transition: all 8s ease; }

#mainVisual .slick-active img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

#mainVisual .copy { position: absolute; top: 67.5%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0 15px; }

#mainVisual .copy .btn { position: absolute; bottom: -54px; right: 24px; width: 161px; }

@media all and (max-width: 350px) { #mainVisual .copy .btn { width: 160px; } }

@media all and (min-width: 600px) { #mainVisual .inner { padding: 0 50px; }
  #mainVisual .slick-list { width: 100%; }
  #mainVisual .slick-arrow { position: absolute; left: 0; bottom: 0; z-index: 1; width: 60px; height: 60px; background: #f7f7f7 no-repeat center; background-size: 15px auto; font-size: 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; }
  #mainVisual .slick-arrow:hover { background-color: white; }
  #mainVisual .slick-prev { background-image: url(../img/common/arw_left01.png); }
  #mainVisual .slick-next { border-left: 1px solid #e0e0e0; background-image: url(../img/common/arw_right01.png); left: 61px; }
  #mainVisual .copy { padding: 50px 0 100px; top: 0; left: 63%; height: 100%; margin-left: 25.6%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); box-sizing: border-box; }
  #mainVisual .copy .txt { height: 100%; }
  #mainVisual .copy .txt img { height: 100%; width: auto; }
  #mainVisual .copy .btn { right: auto; bottom: 10px; left: -47px; width: 16vw; min-width: 160px; box-sizing: border-box; } }

/* #mainImg
================================================ */
#mainImg { padding: 62px 0; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; }

#mainImg .tit { position: relative; display: inline-block; font-size: 2.5rem; font-weight: 500; letter-spacing: .08em; }

#mainImg .tit:before { content: ""; position: absolute; top: -14px; left: -24px; width: 55px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: cover; }

@media all and (min-width: 600px) { #mainImg { position: relative; margin: 0 40px; padding: 118px 0 110px; border-radius: 20px; }
  #mainImg .tit { font-size: 4rem; }
  #mainImg .tit:before { top: -28px; left: -44px; width: 77px; height: 28px; } }

/* #sidebar
================================================ */
/* .secSidebar
-------------------------------------- */
.secSidebar { margin-bottom: 20px; padding: 0 15px; }

@media all and (min-width: 600px) { .secSidebar { margin-bottom: 25px; padding: 0; } }

/*  js
================================================ */