@charset "UTF-8";
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: 0; font-weight: normal;}
h1,h2,h3,h4 {font-weight: bold;}
p {margin-bottom: 0; line-height: 1.6;}

a:link { text-decoration: none; color: #452F0D;}
a:visited { text-decoration: none; color: #452F0D;}
a:hover { text-decoration: none;}
a:active { text-decoration: none; color: #452F0D;}
a:link,a:visited,a:hover,a:active {transition: all .6s; }
a:hover { opacity: .4;}

img { width: 100%; height: auto;vertical-align: bottom}

* {word-break: break-all;}
.requiredText {color:red; padding-left:.3vw;}

.cp { background: #312C2C; padding: .7vw; text-align:center;}
.cp p { color:#fff;}
/*
font-family: "ten-mincho-text", serif;

*/
.header .main .logo {-webkit-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.7)); filter: drop-shadow(0px 0px 8px rgba(0,0,0,.7));}
.header {background: rgba(0,0,0,0); transition: all 3s;}
.header.on {background: rgba(0,0,0,.3); transition: all 3s;}

.kv.lunch .time .dinner {display: none!important; opacity: 0!important;}
.kv.dinner .time .lunch {display: none!important; opacity: 0!important;}

@media screen and (min-width: 1000px) {

#headerMenu .sp {display:none!important;}
iframe { display:block; width:100%; height:40vw; border: none; margin: 0 auto;}
body {font-size:1.2vw; font-family: tbudmincho-std, sans-serif; font-style: normal; font-weight: 400; font-style: normal; color: #000000; background: #fff;}
h1,h2,h3,h4  {}

.loading { opacity: 1; z-index: 100; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100vw; height: 100vh; background: #fff; transition: all 1s; }
.loading.ready {opacity: 0; z-index: -100;}
.loading h1 { font-family: "ten-mincho-text", serif; font-weight: normal; font-size: 140%; letter-spacing: 1.5em; text-indent: 1.5em; animation: animationZoom2 10s ease-in-out infinite;}
@keyframes animationZoom2{ 0% {transform: scale(1); opacity: .4;} 100% {transform: scale(1.6); opacity: .9;}}

.header { display: block; position: fixed; z-index: 20; top: 0vw; left: 0; padding: 0; width: 100%; overflow: hidden; transition: all 1s;}
/*
.header.active { background:linear-gradient(105deg, #450621, #210545);}
*/
.header .main { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0 auto; padding: 0vw 0vw 0 4.1vw;}
.header .main .logo { display: block;}
.header .main .logo img { display: block; width: 36.7vw;}
.header #spMenu { display: flex; justify-content: center; align-items: center; width: 5.9vw; height: 5.9vw; transition: all 1s; padding: 0; align-items: center; margin: 0 0vw 0 0; background:linear-gradient(105deg, #450621, #210545);}
.header #spMenu.active { background: none;}
.header #spMenu .menu-trigger { position: relative; width: 5.9vw; height: 5.9vw; display: block; justify-content: center; align-items: center; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }
.menu-trigger,.menu-trigger p { display: block; transition: all .4s; box-sizing: border-box; }
.menu-trigger.down p { position: absolute; left: 1.8vw; width: 2.2vw; height: 1px; background: #fff; font-size: 0.1em; }
.menu-trigger p { position: absolute; left: 1.8vw; width: 2.2vw; height: 1px; background: #fff; font-size: 0.1em; box-shadow: 0px 0px 8px rgba(0,0,0,0.2); }
.menu-trigger p:nth-of-type(1) { top: 2.0vw; }
.menu-trigger p:nth-of-type(2) { top: 2.9vw; }
.menu-trigger p:nth-of-type(3) { top: 3.8vw; }
.menu-trigger.active p:nth-of-type(1) { transform: translateY(1.2vw) rotate(-45deg); background: #fff; top: 1.5vw;}
.menu-trigger.active p:nth-of-type(2) { opacity: 0; }
.menu-trigger.active p:nth-of-type(3) { transform: translateY(-1.05vw) rotate(45deg); background: #fff; }
.spnavi { display: block; position: fixed; top: -30vw; left: 0; z-index: 9; background:linear-gradient(105deg, #450621, #210545); width: 100%; height: auto; padding: 5.9vw 4.2vw 5.3vw; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-transition: all 1s; transition: all 1s; color: #fff;}
.spnavi.active { top: 0vw;}
.spnavi a { color: #fff; display: flex; flex-direction: column; padding: 0 0; letter-spacing: 0.05rem; text-shadow: 0 3px 3px #000; height: max-content;}
.spnavi .flcell { display: flex; border-top: 1px solid rgba(255,255,255,0.4); padding: 4.1vw 0 0;}
.spnavi .flcell .fleft { width: 33%; border-right: 1px solid rgba(255,255,255,0.4);}
.spnavi .flcell .fleft p.txt { font-size: 75%; margin: 0 0 0.5vw;}
.spnavi .flcell .fleft p.txt:last-of-type { margin: 0 0 1.5vw;}
.spnavi .flcell .fleft a.map_link { display: flex; justify-content: center; align-items: center; width: 12vw; height: 2.17vw; color: #fff; border: 1px solid #fff; background: rgba(33,6,69,0.55);; font-size: 87.5%;}
.spnavi .flcell .fright { display: flex; width: 67%; padding: 0 0 0 4.4vw;}
.spnavi .flcell .fright .box { width: 33%;}
.spnavi .flcell .fright .box a { font-size: 100%; margin: 0 0 1.3vw;}
.icon_uber { display: block; width: 4vw; height: auto;}
.footer {opacity:1; display: block; margin: 0 auto; width: 100%; height: auto; padding: 2.0vw 4.2vw 5.3vw; background:linear-gradient(105deg, #450621, #210545); color: #fff;}
.footer .f_logo { margin: 0 0 2.0vw;}
.footer .f_logo img { display: block; width: 36.7vw;}
.footer .footer_flcell { display: flex; border-top: 1px solid rgba(255,255,255,0.4); padding: 4.1vw 0 0;}
.footer .footer_flcell .fleft { width: 33%; border-right: 1px solid rgba(255,255,255,0.4);}
.footer .footer_flcell .fleft p.txt { font-size: 75%; margin: 0 0 0.5vw;}
.footer .footer_flcell .fleft p.txt:last-of-type { margin: 0 0 1.5vw;}
.footer .footer_flcell .fleft a.map_link { display: flex; justify-content: center; align-items: center; width: 12vw; height: 2.17vw; color: #fff; border: 1px solid #fff; background: rgba(33,6,69,0.55);; font-size: 87.5%;}
.footer .footer_flcell .fright { display: flex; width: 67%; padding: 0 0 0 4.4vw;}
.footer .footer_flcell .fright .box { width: 33%;}
.footer .footer_flcell .fright .box a { display: block; font-size: 100%; margin: 0 0 1.3vw; color: #fff;}

.kv { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; width: 100%; height: 59vw; overflow: hidden; margin-bottom: 14.8vw;}
.kv .time { position: absolute; top: 7vw; left: 0; right: 0; margin: auto; width: 19.5vw; z-index: 3;}
.kv .btn_coupon { position: absolute; display: flex; justify-content: center; align-items: center; width: 29.3vw; height: 2.6vw; background: rgba(247,243,149,0.20); color: #fff; font-size: 100%; margin: auto; border: 1px solid #fff; bottom: 2.8vw; left: 0; right: 0; z-index: 3;}
.kv .flcell { display: flex; width: 100%; height: 59vw;}
.kv.lunch .flcell { flex-direction: row-reverse;}
.kv .flcell .box { position: relative; width: 50%; height: 59vw;}
.kv .txt_cell { position: absolute; z-index: 2; width: auto; height: max-content; display: flex; flex-direction: column; text-align: left; color: #fff; bottom: 11vw; left: 0; right: 0; margin: auto;}
.kv .txt_cell .h1box { width: 100%; height: 14vw; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.kv .txt_cell h1.name01 { font-size: 400%; font-weight: normal; letter-spacing: 0.2rem; line-height: 1.2; margin: 0 auto 1.0vw; text-align: center; font-family: "hot-gfkaishokk", sans-serif;}
.kv .txt_cell h1.name02 { font-size: 475%; font-weight: normal; letter-spacing: 0.2rem; line-height: 1; margin: 0 auto 1.0vw; text-align: center; font-family: "hot-gyoshokk", sans-serif;}
.kv .txt_cell p.sub { font-size: 125%; letter-spacing: 0.5rem; margin: 0; text-align: center; font-family: kaisei-tokumin, sans-serif;}
.kv .txt_cell p.txt { font-size: 150%; letter-spacing: 0.2rem; margin: 0 auto 3.2vw; text-align: center;}
.kv .txt_cell img { display: block; width: 9.8vw; margin: 0 auto 3.2vw;}
.kv .txt_cell .btn01 { display: flex; justify-content: center; align-items: center; width: 17.2vw; height: 2.6vw; background: rgba(69,6,33,0.55); color: #fff; font-size: 112.5%; margin: 0 auto; border: 1px solid #fff;}
.kv .txt_cell .btn02 { display: flex; justify-content: center; align-items: center; width: 17.2vw; height: 2.6vw; background: rgba(33,6,69,0.55); color: #fff; font-size: 112.5%; margin: 0 auto; border: 1px solid #fff;}
.kv .bg { position: absolute; z-index: 1; width: 100%; height: 59vw; top: 0;}
.kv .bg img { width: 100%; height: 100%; overflow: hidden;}


.pagettl { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; width: 100%; height: 59vw; overflow: hidden; margin-bottom: 11.2vw;}
.pagettl .txt_cell { position: absolute; z-index: 3; width: max-content; height: max-content; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #fff; top: 0; bottom: 0vw; left: 0; right: 0; margin: auto;}
.pagettl .txt_cell h1 { font-size: 475%; font-weight: normal; letter-spacing: 0.4rem; margin-bottom: 1.3vw; line-height: 1; font-family: tbudmincho-std, sans-serif;}
.pagettl .txt_cell h1.shopname { font-family: hot-gyoshokk, sans-serif;}
.pagettl .txt_cell p.sub { font-size: 200%; letter-spacing: 0.5rem; line-height: 1;}
.pagettl .txt_cell p.txt { font-size: 100%; letter-spacing: 0.2rem; line-height: 1.875; margin-top: 8.3vw;}
.pagettl .bg { position: absolute; z-index: 1; width: 100%; height: 100%;}
.pagettl .bg img { width: 100%; height: 100%; overflow: hidden; object-fit: cover;}

.maincont { margin: 0vw auto 0; display: block; overflow: hidden; min-height: 80vh;}
.maincont.kuishinboya { background: transparent; color: #fff;}

a.btn { position: relative; display: block; width: max-content; padding: 0.3vw 2.73vw 0.3vw 1.95vw; background: #000; color: #fff; font-size: 110%; letter-spacing: 0.2rem; margin: 0 auto; text-align: center; border: none; border-radius: 0;}
a.btn::after { display: block; position: absolute; content: ""; background: url(https://first-unit230627.smooooth.jp/system_panel/uploads/images/20230822150047670970.png) no-repeat; background-size: 100% 100%; width: 36px; height: 1px; top: 50%; right: -22px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}

.hbox { text-align: center; margin-bottom: 5.2vw;}
.hbox h2 {font-size: 277.5%; letter-spacing: 0.1rem; margin-bottom: .6vw; color: #000;}
.hbox h2.h2_shop { position: relative; color: #210645; font-family: hot-gyoshokk, sans-serif; font-weight: 400; font-size: 475%; padding: 0 0 2.0vw; letter-spacing: -0.1rem;}
.hbox h2.h2_shop::after { display: block; position: absolute; content: ""; width: 38.6vw; height: 3.4vw; background: url(https://kuishinbo-ya.com/system_panel/uploads/images/h2_shop_bg.png) no-repeat; background-size: 38.6vw 3.4vw; bottom: 0; left: 0; right: 0; margin: auto;}
.hbox h3 {font-size: 230%; letter-spacing: 0.1rem; margin-bottom: .6vw; color: #000;}
.hbox p { width: max-content; text-align: center; margin: 0 auto; letter-spacing: 0.1rem; font-size: 122.5%;}

.section {position: relative; display: block; margin: 0vw auto 12.5vw; text-align: center; width: 80vw; }
.indexcell .section { width: 80vw; margin: 10vw auto;}

.section .unatoto01 {position: absolute; top: -6.1vw; right: -8.0vw; width: 19.9vw;}
.section .index_img01 {position: absolute; top: -6.1vw; right: -8.0vw; width: 19.9vw;}
.section .index_img02 {position: absolute; top: -10.1vw; left: -8.0vw; width: 19.9vw;}
/*
.pagettl + .section {margin: 7vw auto 12vw;}
*/
.mb1 {margin-bottom: 1vw!important;}
.mb3 {margin-bottom: 3vw!important;}
.mb5 {margin-bottom: 5vw!important;}
.mb7 {margin-bottom: 7vw!important;}

.section h3 { text-align: center; font-size: 140%; }

.unatoto_menu {}
.unatoto_menu .flcell {display: flex; justify-content: space-between; margin: 0 auto 6.0vw;}
.unatoto_menu .flcell:last-of-type { margin: 0 auto 0vw;}
.unatoto_menu .flcell .fleft { width: 39.6%;}
.unatoto_menu .flcell .fright { width: 56.2%;}
.unatoto_menu .flcell .fright h3 { font-size: 200%; text-shadow: 0 0 10px rgba(69,6,33,0.5); margin: 0 0 1.0vw; text-align: left; color: #210645;}
.unatoto_menu .flcell .fright h4 { font-size: 150%; text-shadow: 0 0 10px rgba(69,6,33,0.5); margin: 0 0 2.0vw; text-align: left; color: #210645;}
.unatoto_menu .flcell .fright .detail { font-size: 100%; line-height: 1.875; text-shadow: 0 0 10px rgba(69,6,33,0.5); margin: 0 0 3vw; text-align: left; color: #210645;}
.unatoto_menu .flcell .fright .price { position: relative; font-size: 275%; text-shadow: 0 0 10px rgba(69,6,33,0.5); margin: 0 0 0; text-align: right; color: #210645;}
.unatoto_menu .flcell .fright .price::after { display: block; position: absolute; content: ""; width: 100%; height: 1px; background: #707070; top: 0; bottom: 0; left: 0; margin: auto;}
.unatoto_menu .flcell .fright .price strong { background: #fff; padding: 0 0 0 2vw; z-index: 2; position: relative;}

.unatoto_cell { display: block; padding: 3.15vw 0; margin: 0 auto 1.8vw; background: url(https://kuishinbo-ya.com/system_panel/uploads/images/unatoto_cell_bg.png) no-repeat center; background-size: cover;}
.unatoto_cell:last-of-type { margin: 0 auto 0vw;}
.unatoto_cell h2 { font-size: 182.5%; color: #450621; margin: 0 auto 3.15vw; text-align: center;font-family: hot-gfkaishokk, sans-serif; line-height: 1;}
.unatoto_cell .flcell { display: flex; justify-content: space-between; width: 67vw; margin: 0 auto;}
.unatoto_cell .flcell .fleft { width: 46.5%;}
.unatoto_cell .flcell .fright { width: 47%; background: rgba(255,255,255,0.62); padding: 2vw;}
.unatoto_cell .flcell .fright .ttl { text-align: left; font-size: 100%; margin: 0 0 1.5vw; font-weight: 700; color: #450621;font-family: hot-gfkaishokk, sans-serif; line-height: 1;}
.unatoto_cell .flcell .fright .txt { text-align: left; font-size: 75%; margin: 0 0 2.0vw; color: #450621;}
.unatoto_cell .flcell .fright .txt:last-of-type { margin: 0;}
.unatoto_cell .box { width: 61vw; margin: 0 auto; padding: 2.4vw 0; background: rgba(255,255,255,0.62);}
.unatoto_cell .box .txt01 { font-size: 162.5%; color: #450621; font-family: hot-gfkaishokk, sans-serif; line-height: 1; margin: 0 auto 1.0vw; text-align: center;}
.unatoto_cell .box .txt02 { font-size: 452.5%; color: #450621; font-family: hot-gfkaishokk, sans-serif; line-height: 1; margin: 0 auto 2.0vw; text-align: center;}
.unatoto_cell .box .txt02 a { color: #450621;}
.unatoto_cell .box .txt_cell { display: flex; justify-content: center;}
.unatoto_cell .box .txt_cell p { text-align: center; font-size: 87.5%; color: #450621; margin: 0 1.25vw;}

.maincont.kuishinboya h2 { position: relative; text-align: left; margin: 0 0 3.0vw; padding: 0 0 0 6.5vw;}
.maincont.kuishinboya h2::after { display: block; position: absolute; content: ""; background: url(https://kuishinbo-ya.com/system_panel/uploads/images/h2_kuishinboya.png) no-repeat; background-size: 4.4vw 4.3vw; left: 0; top: -0.7vw; width: 4.4vw; height: 4.3vw;}
.maincont.kuishinboya h2.h2_ttl { position: relative; color: #fff; font-weight: 400; font-size: 300%; padding: 0 0 2.0vw; letter-spacing: -0.1rem; text-align: center;}
.maincont.kuishinboya h2.h2_ttl::after { display: block; position: absolute; content: ""; width: 38.6vw; height: 3.4vw; background: url(https://kuishinbo-ya.com/system_panel/uploads/images/h2_shop_bg.png) no-repeat; background-size: 38.6vw 3.4vw; bottom: -4.0vw; left: 0; right: 0; margin: auto;}
.maincont.kuishinboya .section p { font-size: 100%; line-height: 1.875; text-align: left; margin: 0 0 6.0vw;}
.kuishinboya_menu { border-top: 1px dotted #707070;}
.kuishinboya_menu .flcell {display: flex; justify-content: space-between; margin: 0 auto 0vw; border-bottom: 1px dotted #707070;}
.kuishinboya_menu .flcell .fleft { width: 60%; padding: 1vw 0 1vw; text-align: left;}
.kuishinboya_menu .flcell .fright { width: 40%; padding: 1vw 0 1vw; text-align: right;}
.maincont.kuishinboya .section .kuishinboya_menu .flcell .fleft p { text-align: left; margin: 0 0 0vw;}
.maincont.kuishinboya .section .kuishinboya_menu .flcell .fright p { text-align: right; margin: 0 0 0vw;}

.nomihodai { margin: 0 0 5vw;}
.nomihodai:last-of-type { margin: 0 0 0vw;}
.maincont.kuishinboya .section .nomihodai p.menu_ttl { font-weight: 700; margin: 0 auto 1vw; padding: 0 0 0.5vw; text-align: left; border-bottom: 1px solid #707070;}
.maincont.kuishinboya .section .nomihodai p.menu_txt { text-align: left; margin: 0 auto 3vw;}
.nomihodai .menu_txt:last-of-type { margin: 0 auto 0vw;}

.kuishinboya_list { display: flex; flex-wrap: wrap; width: 100%;}
.kuishinboya_list .box { width: 31.7%; margin: 0 2.45% 2vw 0;}
.kuishinboya_list .box:nth-of-type(3n) { margin: 0 0% 2vw 0;}
.maincont.kuishinboya .section .kuishinboya_list .box p { margin: 0 0 3vw;}

.newslist .webgene-blog { height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.newslist .webgene-blog .flcell { display: block; height: auto; width: 22.8%; margin: 0 2.93% 2vw 0; border: none;}
.newslist .webgene-blog .flcell:nth-of-type(4n) {margin-right: 0;}
.newslist .webgene-blog .flcell .fleft { width: 100%;}
.newslist .webgene-blog .flcell .fleft a {display: block; width: 100%; height: 15.5vw; overflow: hidden;}
.newslist .webgene-blog .flcell .fleft a img { width: 100%; height: 100%; object-fit: cover;}
.newslist .webgene-blog .flcell .fright { width: 100%; padding: 1vw 0; box-sizing: border-box; text-align: left;}
.newslist .webgene-blog .flcell .fright h2 {font-size: 150%; font-weight: bold; color: #000; font-weight: normal; letter-spacing: 0; text-indent: 0; margin: 0; line-height: 1.4;}
.newslist .webgene-blog .flcell .fright p {font-size: 100%;}

.newsdetail .webgene-blog { display: block; width: 60vw; text-align: left; margin: 0 auto 15vw; }
.newsdetail .webgene-blog header { display: block; text-align: center; margin: 0 auto;}
.newsdetail .webgene-blog header h2 {font-size: 150%; margin-bottom: 7.1vw;}
.newsdetail .webgene-blog header p {font-size: 100%;}
.newsdetail .webgene-blog article img { display: block; margin: 3vw auto 3vw;}
.newsdetail .webgene-blog article p {padding-bottom: 1vw;}

.contact_cell { width: 60vw; margin: 0 auto 16.6vw; border: 1px solid #707070; border-radius: 70px; padding: 3.5vw 0; text-align: center;}
.contact_cell .txt { font-size: 140%; margin: 0 auto 1.0vw;}
.contact_cell .tel { display: flex; justify-content: center; align-items: center;}
.contact_cell .tel img { width: 3.2vw; margin-right: 1.4vw;}
.contact_cell .tel p { font-size: 420%; font-family: "biz-udmincho", sans-serif;}

.form {width: 100%; margin: 0 auto;}
.form .formRow { margin: 0 0 2vw; padding: 0; text-align: left;}
.form .formRow input[type="text"],.form .formRow input[type="email"],.form .formRow textarea {width: 90%;}
.form .formRow textarea {height: 10em;}
.form p {margin-bottom: 0;}
.form .pp { display: block;width: 100%;height: 20vw; margin: 2vw auto;overflow: scroll;border: solid 1px #fafafa;padding: 1vw; box-sizing: border-box; text-align: left;}
.form .submit { text-align: center; margin: auto;}
.form #submit { position: relative; width: 20vw; padding: 1vw 0vw; background: #000; color: #fff; font-size: 130%; letter-spacing: 0.1rem; opacity: .2; margin: auto; border: none; border-radius: 0px;}
.form #submit.active {opacity: 1;}

.txtlist .flcell { display: flex; justify-content: flex-start; align-items: center; width: 100%; height: auto; margin: 0 auto; border-top: solid 1px #B2B2B2;}
.txtlist .flcell:nth-last-of-type(1) { border-bottom: solid 1px #B2B2B2;}
.txtlist .flcell .fleft { width: 22%; text-align: left; font-size: 122.5%;}
.txtlist .flcell .fright { width: 78%; padding: 1vw 1vw; box-sizing: border-box; display: block; font-size: 122.5%;}
.txtlist .flcell .fright p {text-align: left;}

.companylist { }
.companylist .flcell { display: flex; justify-content: flex-start; width: 100%; height: auto; margin: 0 auto; padding: 0 1.5vw; border-top: 1px dashed #9D9D9D; color: #000;}
.companylist .flcell:nth-last-of-type(1) { border-bottom: 1px dashed #9D9D9D;}
.companylist .flcell:nth-of-type(2n+1) { background: #FCFCFC}
.companylist .flcell .fleft { width: 18.3%; text-align: left; padding: 1.2vw 0vw;}
.companylist .flcell .fright { width: 81.7%; padding: 1.2vw 0vw; box-sizing: border-box; display: block;}
.companylist .flcell .fleft p,
.companylist .flcell .fright p { font-size: 110%; text-align: left;}
.companylist .flcell .fleft p { color: #A39673; font-weight: bold;}

.gallery { display: flex; justify-content: flex-start; flex-wrap: wrap;}
.gallery .box { width: 23.5%; height: auto; aspect-ratio: 1/.89; overflow: hidden; margin: 0 2% 2.3vw 0;}
.gallery .box:hover {opacity: .79;}
.gallery .box:nth-of-type(4n) { margin: 0 0% 2.3vw 0;}
.gallery .box img { width:100%; height: 100%; object-fit:cover;}

#galleryMain { position: fixed; z-index: -10; opacity: 0; top: 0; right: 0; width: 100%; height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; flex-direction: column; background: rgba(0,0,0,.8); transition: all .6s;}
#galleryMain.on { opacity: 1; z-index: 15;}
#galleryMain #img { width: 60%; max-height: 80vh; overflow: hidden; margin-top: 5vw;}
#galleryMain #img img { width: 100%; height: 100%; object-fit: cover; cursor: pointer;}
#galleryMain .close { position: absolute; right: 3vw; top: 5vw; z-index: 2; width: auto; height: auto; margin: 2vw auto 0; color: #fff; }
#galleryMain .close p { color: #fff;}

.materials {}
.materials .box {}
.materials .box .flcell { display: flex; justify-content: space-between; width: 100%; height: auto; margin: 0 auto; padding: 0vw; color: #000;}
.materials .box .flcell .fleft { width: 51%; padding: 0vw 0vw;}
.materials .box .flcell .fright { width: 67.2%; padding: 0vw 0vw; text-align: left;}


.indexMainCont.lunch { display: flex; flex-direction: column-reverse;}



.index_flcell { display: flex; justify-content: space-between; margin: 0 auto 7.8vw;}
.index_flcell.reverse { flex-direction: row-reverse;}
.index_flcell .fleft { position: relative; width: 15.6%;}
.index_flcell .fleft .oomidashi {-ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align: left; position: absolute; font-size: 2000%; color: rgba(69,6,33,0.08); top: -9.3vw; left: 0; right: 0; margin: auto; font-family: kokuryu, sans-serif; line-height: 1;}
.index_flcell.reverse .fleft .oomidashi { top: -16vw; line-height: 0.7;}
.index_flcell .fleft .box { display: flex; flex-direction: row-reverse; justify-content: space-between; position: relative; z-index: 2;}
.index_flcell .fleft .box img { width: 61%;}
.index_flcell .fleft .box .txt {-ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align: left; letter-spacing: 0.5em; font-size: 150%; color: #450621; text-shadow: 0 0 10px rgba(69,6,33,0.5);}
.index_flcell .fright { width: 79%;}
.index_flcell .fright .ttl { font-size: 150%; line-height: 1; margin: 0 0 4.0vw; text-align: left; text-shadow: 0 0 10px rgba(69,6,33,0.5); color: #450621; letter-spacing: 0.1em;}
.index_flcell .fright .txt { font-size: 100%; line-height: 1.875; margin: 0 0 6.5vw 3.5vw; text-align: left; text-shadow: 0 0 10px rgba(69,6,33,0.5); color: #450621;}

.index_list { display: flex; flex-wrap: wrap; margin: 0 auto 5.6vw;}
.index_list .box { width: 32.9%; margin: 0 0.65% 3vw 0;}
.index_list .box:nth-of-type(3n) { margin: 0 0% 3vw 0;}
.index_list .box p { text-align: left; font-size: 75%; line-height: 1.2; color: #450621; margin: 1vw 5.7vw 0 0;}

.index_cell { display: flex; justify-content: space-between; margin: 0 auto;}
.index_cell .box { width: 47.2%; padding: 2.6vw 1.6vw 3.125vw; background: url(https://kuishinbo-ya.com/system_panel/uploads/images/unatoto_cell_bg.png) no-repeat center; background-size: cover;}
.index_cell .box h2 { font-size: 182.5%; color: #450621; margin: 0 auto 3.15vw; text-align: center; font-family: hot-gfkaishokk, sans-serif; line-height: 1;}
.index_cell .box .wht_cell { padding: 2.2vw 1.3vw 2.4vw; margin: 0 auto 1.5vw; background: rgba(255,255,255,0.62);}
.index_cell .box .wht_cell .course_cell { display: flex; justify-content: space-between; margin: 0 0 1vw; position: relative;}
.index_cell .box .wht_cell .course_cell::after { display: block; position: absolute; content: ""; width: 55%; height: 1px; border: 1px dashed #707070; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.index_cell .box .wht_cell .course_cell .ttl { font-size: 122.5%; color: #450621; font-family: hot-gfkaishokk, sans-serif; line-height: 1; margin: 0 0 0; text-align: left;}
.index_cell .box .wht_cell .course_cell .txt { font-size: 122.5%; color: #450621; font-family: hot-gfkaishokk, sans-serif; line-height: 1; margin: 0 0 0; text-align: right;}
.index_cell .box .wht_cell .txt01 { text-align: center; font-size: 100%; margin: 0 0 1.5vw; font-weight: 700; color: #450621;font-family: hot-gfkaishokk, sans-serif; line-height: 1;}
.index_cell .box .wht_cell .txt02 { font-size: 275%; color: #450621; font-family: hot-gfkaishokk, sans-serif; line-height: 1; margin: 0 auto 1.5vw; text-align: center;}
.index_cell .box .wht_cell .txt03 { text-align: left; font-size: 87.5%; line-height: 1.6; margin: 0 0 0; color: #450621;}
.index_cell .box .flcell { display: flex; justify-content: space-between; align-items: center;}
.index_cell .box .flcell .txt_course { font-size: 70%; line-height: 1.4; text-align: left; margin: 0; color: #450621;}
.index_cell .box .flcell .btn_course { display: flex; justify-content: center; align-items: center; background: rgba(134,25,25,0.78); color: #fff; font-size: 87.5%; width: 14vw; height: 2.6vw;}
.index_cell .box .txt_attention { display: flex; flex-wrap: wrap;}
.index_cell .box .txt_attention p { font-size: 70%; line-height: 1.4; width: 50%; color: #450621; text-align: left;}
.index_cell .box .txt_attention p:last-of-type { width: 100%;}
.index_cell .box img { margin: 0 0 1.0vw;}
.index_cell .box .wht_cell02 { padding: 2.2vw 1.3vw 2.4vw; margin: 0 auto 0vw; background: rgba(255,255,255,0.62);}
.index_cell .box .wht_cell02 .ttl { text-align: left; font-size: 100%; margin: 0 0 1.5vw; font-weight: 700; color: #450621;font-family: hot-gfkaishokk, sans-serif; line-height: 1;}
.index_cell .box .wht_cell02 .txt { text-align: left; font-size: 75%; margin: 0 0 2.0vw; color: #450621;}
.index_cell .box .wht_cell02 .txt:last-of-type { margin: 0 0 0vw;}
.index_cell .box .wht_cell02 .txt01 { text-align: center; font-size: 100%; margin: 0 0 1.5vw; font-weight: 700; color: #450621;font-family: hot-gfkaishokk, sans-serif; line-height: 1;}
.index_cell .box .btn_menu { display: flex; justify-content: center; align-items: center; background: rgba(33,6,69,0.78); color: #fff; font-size: 120%; width: 21vw; height: 4.3vw; margin: 0 auto;}

.indexnewslist .webgene-blog { height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.indexnewslist .webgene-blog .flcell { display: block; height: auto; width: 22.8%; margin: 0 2.93% 2vw 0; border: none;}
.indexnewslist .webgene-blog .flcell:nth-of-type(4n) {margin-right: 0;}
.indexnewslist .webgene-blog .flcell .fleft { width: 100%;}
.indexnewslist .webgene-blog .flcell .fleft a {display: block; width: 100%; height: 15.5vw; overflow: hidden; }
.indexnewslist .webgene-blog .flcell .fleft a img { width: 100%; height: 100%; object-fit: cover;}
.indexnewslist .webgene-blog .flcell .fright { width: 100%; padding: 1vw 0; box-sizing: border-box; text-align: left;}
.indexnewslist .webgene-blog .flcell .fright h2 {font-size: 150%; font-weight: bold; color: #210645; font-weight: normal; letter-spacing: 0; text-indent: 0; margin: 0; line-height: 1.4;}
.indexnewslist .webgene-blog .flcell .fright p {font-size: 100%;}
.indexnewslist .webgene-blog a { color: #210645;}

.btnbox { display: flex; justify-content: space-around; align-items: center; width: max-content; margin-right: auto; margin-left: auto;}
.btnbox .btn { margin: 0 2vw!important; font-size: 130%;}
.largep { font-size: 140%;}
.tal {text-align: left !important;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}

.t_bold { font-weight: bold;}

.bgsection {background: #fafafa; padding: 5vw;}
.bgsection .section {margin: 0 auto!important;}

.lead { font-size: 145%;}

.mincho {font-family: "tbudmincho-std", sans-serif !important; font-style: normal;}

.pcOnly {display: block!important;}
.spOnly {display: none!important;}

}

.loading {position: fixed; z-index: 100; width: 100%; height: 100vh; background: linear-gradient(to right,#450621 0%, #210545 100%);; display: flex; justify-content: center; align-items: center; transition: all 1s;}
.loading img { width: 60%; animation: animationZoom2 10s ease-in-out infinite;}
.loading.out { opacity: 0; z-index: -100; transition: all 1s;}
@keyframes animationZoom2{ 0% {transform: scale(1);} 100% {transform: scale(2);}}


.image-container {width: 100%; height: 100vh; overflow: hidden; position: fixed; z-index: 1; top: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: .2; }
.image-container img {position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: none; object-fit: cover; transform-origin: center center; transform: scale(1); }
.image-container img.active {position: absolute; z-index: 1; transform: scale(1); display: none; object-fit: cover; animation: widthAnimation 9s ease; }
@keyframes widthAnimation {0% {transform: scale(1.1);}100% {transform: scale(1);}}

.maincont {position: relative; z-index: 2;}
.footer {position: relative; z-index: 2;}

/* gjs-dashed */
.gjs-dashed .fright img { transform: scale(.7);  }
.gjs-dashed * {padding: 10px!important;}
.gjs-dashed .spnavi { top: 5.9vw;}
.gjs-dashed .spOnly {display: block!important;}
.gjs-dashed .section { width: 100%!important;}
.gjs-dashed .image-container {width: 100%; height: auto; overflow: visible; position: relative; z-index: 1; top: 0; left: 0; display: flex; justify-content: center; align-items: center; flex-wrap:wrap; opacity: 1; }
.gjs-dashed .image-container img {position: relative; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: block; width:33%; object-fit: cover; transform-origin: center center; transform: scale(1); }
.gjs-dashed .loading { opacity: 0; z-index: -100;}
.gjs-dashed .maincont.kuishinboya{
    background-color: #000000;
}