/*================================================================================ media query mixin ================================================================================*/ /* google font on web --------------------------------------------------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Marcellus&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap"); /* google font on server --------------------------------------------------------------------------------*/ /* icomoon --------------------------------------------------------------------------------*/ /* custom --------------------------------------------------------------------------------*/ .business .text { font-size: 18px; letter-spacing: 3px; text-align: center; line-height: 2; } @media screen and (max-width: 768px) { .business .text { font-size: 16px; letter-spacing: 2px; } } .business .sec01 { margin-bottom: 180px; } @media screen and (max-width: 768px) { .business .sec01 { margin-bottom: 100px; } } .business .businessBlock01 { margin-top: 100px; } .business .businessBlock01 .storeList .storeList_item { overflow: hidden; margin-bottom: 95px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item { margin-bottom: 80px; } } .business .businessBlock01 .storeList .storeList_item .txtBox, .business .businessBlock01 .storeList .storeList_item .imgBox { width: 500px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .txtBox, .business .businessBlock01 .storeList .storeList_item .imgBox { width: auto; } } .business .businessBlock01 .storeList .storeList_item .txtBox { float: right; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .txtBox { float: none; } } .business .businessBlock01 .storeList .storeList_item .txtBox .storeName01 { font-size: 36px; font-weight: 500; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .txtBox .storeName01 { font-size: 24px; text-align: center; } } .business .businessBlock01 .storeList .storeList_item .txtBox .storeName02 { color: #c7c7c7; font-size: 16px; font-weight: 600; letter-spacing: 3px; margin: 0 0 20px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .txtBox .storeName02 { text-align: center; } } .business .businessBlock01 .storeList .storeList_item .txtBox .read { margin-bottom: 25px; } .business .businessBlock01 .storeList .storeList_item .txtBox .tit { font-weight: 600; border-bottom: 1px solid #000; padding-bottom: 10px; margin: 0 0 20px; } .business .businessBlock01 .storeList .storeList_item .txtBox .c-btn { margin-top: 30px; } .business .businessBlock01 .storeList .storeList_item .txtBox .franchiseList .franchiseList_item { overflow: hidden; margin: 0 0 30px; } .business .businessBlock01 .storeList .storeList_item .txtBox .franchiseList .franchiseList_item:last-child { margin: 0; } .franchiseName { font-weight: 600; margin: 0 0 15px; } .business .businessBlock01 .storeList .storeList_item .txtBox .franchiseList .franchiseList_item .franchiseTxt { float: left; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .txtBox .franchiseList .franchiseList_item .franchiseTxt { float: none; } } .business .businessBlock01 .storeList .storeList_item .txtBox .franchiseList .franchiseList_item .c-btn { float: right; margin-top: 0; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .txtBox .franchiseList .franchiseList_item .c-btn { float: none; margin-top: 20px; } } .business .businessBlock01 .storeList .storeList_item .txtBox .snsList { overflow: hidden; margin-top: 25px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .txtBox .snsList { margin-top: 10px; } } .business .businessBlock01 .storeList .storeList_item .txtBox .snsList.-jinsuke { margin-top: 0; } .business .businessBlock01 .storeList .storeList_item .txtBox .snsList.-jinsuke .snsList_item { margin-left: 75px; padding-bottom: 15px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .txtBox .snsList.-jinsuke .snsList_item { margin: 10px auto 0; padding-bottom: 0; } } .business .businessBlock01 .storeList .storeList_item .txtBox .snsList.-kameya_utsunomiya, .business .businessBlock01 .storeList .storeList_item .txtBox .snsList.-kameya_ekimae { float: right; margin-top: 0; margin-bottom: 15px; margin-right: 0; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .txtBox .snsList.-kameya_utsunomiya, .business .businessBlock01 .storeList .storeList_item .txtBox .snsList.-kameya_ekimae { float: none; margin-bottom: 0; } } .business .businessBlock01 .storeList .storeList_item .txtBox .snsList.-kameya_utsunomiya .snsList_item, .business .businessBlock01 .storeList .storeList_item .txtBox .snsList.-kameya_ekimae .snsList_item { margin-right: 0; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .txtBox .snsList.-kameya_utsunomiya .snsList_item, .business .businessBlock01 .storeList .storeList_item .txtBox .snsList.-kameya_ekimae .snsList_item { margin: 0 auto; } } .business .businessBlock01 .storeList .storeList_item .txtBox .snsList.-kameya_ekimae { padding-top: 55px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .txtBox .snsList.-kameya_ekimae { padding-top: 0; } } .business .businessBlock01 .storeList .storeList_item .txtBox .snsList .snsList_item { float: left; margin-right: 25px; } .business .businessBlock01 .storeList .storeList_item .txtBox .snsList .snsList_item:first-child { width: 55px; } .business .businessBlock01 .storeList .storeList_item .txtBox .snsList .snsList_item:nth-child(2) { margin-top: 20px; } .business .businessBlock01 .storeList .storeList_item .txtBox .snsList .snsList_item a { display: block; } .business .businessBlock01 .storeList .storeList_item .txtBox .snsList .snsList_item a.reservationBtn { color: #fff; background: #1d2567; padding: 13px 24px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .txtBox .snsList .snsList_item a.reservationBtn { width: 240px; font-size: 16px; padding: 15px; text-align: center; margin: 0 auto; } } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .txtBox .snsList .snsList_item { margin: 10px auto 0; float: none; padding-bottom: 0; } } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .txtBox .snsList.-spCenter { width: 55px; margin: 25px auto 0; } .business .businessBlock01 .storeList .storeList_item .txtBox .snsList.-spCenter .snsList_item { float: none; margin-right: auto; } } .business .businessBlock01 .storeList .storeList_item .imgBox { float: left; } .business .businessBlock01 .storeList .storeList_item .imgBox.-cs { border: 1px solid #000; height: 220px; position: relative; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .imgBox.-cs { width: 100%; } } .business .businessBlock01 .storeList .storeList_item .imgBox.-cs span { position: absolute; font-size: 24px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .imgBox { float: none; margin: 0 0 20px; } } .business .businessBlock01 .storeList .storeList_item:nth-child(2n) .txtBox { float: left; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item:nth-child(2n) .txtBox { float: none; } } .business .businessBlock01 .storeList .storeList_item:nth-child(2n) .imgBox { float: right; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item:nth-child(2n) .imgBox { float: none; } } .business .businessBlock01 .storeList .storeList_item:last-child { margin-bottom: 0; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .c-btn a { margin: 0 auto; } } .business .businessBlock01 .storeList .storeList_item .logo { margin: 0 auto 30px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo { margin-bottom: 20px; } } .business .businessBlock01 .storeList .storeList_item .logo.-jinsuke { width: 300px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo.-jinsuke { width: 250px; } } .business .businessBlock01 .storeList .storeList_item .logo.-oden { width: 320px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo.-oden { width: 200px; } } .business .businessBlock01 .storeList .storeList_item .logo.-kakizanmai { width: 200px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo.-kakizanmai { width: 180px; } } .business .businessBlock01 .storeList .storeList_item .logo.-kakinotane { width: 200px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo.-kakinotane { width: 180px; } } .business .businessBlock01 .storeList .storeList_item .logo.-hakobune { width: 500px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo.-hakobune { width: 300px; } } .business .businessBlock01 .storeList .storeList_item .logo.-terralis { width: 200px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo.-terralis { width: 160px; } } .business .businessBlock01 .storeList .storeList_item .logo.-shinryu { width: 350px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo.-shinryu { width: 280px; } } .business .businessBlock01 .storeList .storeList_item .logo.-bottayaki { width: 280px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo.-bottayaki { width: 240px; } } .business .businessBlock01 .storeList .storeList_item .logo.-hachimaki { width: 280px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo.-hachimaki { width: 220px; } } .business .businessBlock01 .storeList .storeList_item .logo.-magic { width: 240px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo.-magic { width: 200px; } } .business .businessBlock01 .storeList .storeList_item .logo.-kameya { width: 120px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo.-kameya { width: 100px; } } .business .businessBlock01 .storeList .storeList_item .logo.-mikuriya { width: 240px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo.-mikuriya { width: 200px; } } .business .businessBlock01 .storeList .storeList_item .logo.-apple { width: 340px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo.-apple { width: 240px; } } .business .businessBlock01 .storeList .storeList_item .logo.-yamashita { width: 260px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo.-yamashita { width: 200px; } } .business .businessBlock01 .storeList .storeList_item .logo.-tutumi { font-size: 38px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo.-tutumi { font-size: 28px; text-align: center; } } .business .businessBlock01 .storeList .storeList_item .logo.-kobayashicrepe { width: 400px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo.-kobayashicrepe { width: 240px; } } .business .businessBlock01 .storeList .storeList_item .logo.-tonybake { width: 350px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo.-tonybake { width: 240px; } } .business .businessBlock01 .storeList .storeList_item .logo.-ramenbilly { width: 360px; } @media screen and (max-width: 768px) { .business .businessBlock01 .storeList .storeList_item .logo.-ramenbilly { width: 240px; } } .business .businessBlock02 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 100px; } @media screen and (max-width: 768px) { .business .businessBlock02 { display: block; } } .business .businessBlock02 .companyWrap { width: 50%; } @media screen and (max-width: 768px) { .business .businessBlock02 .companyWrap { width: auto; } } @media screen and (max-width: 768px) { .business .businessBlock02 .companyWrap + .companyWrap { margin-top: 60px; } } .business .businessBlock02 .companyName01 { font-size: 20px; font-weight: bold; text-align: center; margin: 0 0 20px; } @media screen and (max-width: 768px) { .business .businessBlock02 .companyName01 { font-size: 18px; } } .business .businessBlock02 .companyName02 { font-size: 18px; font-weight: normal; text-align: center; margin: 0 0 20px; } .business .businessBlock02 .companyText { text-align: center; } .business .businessBlock02 .c-btn a { margin: 20px auto 0; } .business .groupList { margin-top: 95px; } @media screen and (max-width: 768px) { .business .groupList { margin-top: 60px; } } .business .groupList .groupList_item { overflow: hidden; } .business .groupList .groupList_item .logo { width: 300px; height: 220px; float: left; border: 1px solid #ccc; padding: 30px; margin-right: 40px; } @media screen and (max-width: 768px) { .business .groupList .groupList_item .logo { width: 100%; height: auto; float: none; margin-right: 0; margin-bottom: 20px; text-align: center; } } .business .groupList .groupList_item .logo.-creaeat { padding: 10px 40px; } .business .groupList .groupList_item .logo.-creaeat img { width: 200px; } .business .groupList .groupList_item .txt { line-height: 2; } .business .groupList .groupList_item + .groupList_item { margin-top: 50px; } @media screen and (max-width: 768px) { .business .groupList .groupList_item + .groupList_item { margin-top: 40px; } } .business .logo-car { width: 300px; margin: 20px auto 0; } @media screen and (max-width: 768px) { .business .logo-car { width: 240px; } } .business .logo-uc { width: 250px; margin: 0 auto 20px; } @media screen and (max-width: 768px) { .business .logo-uc { width: 200px; } } .business .logo-wash { width: 310px; margin: 30px auto 60px; } @media screen and (max-width: 768px) { .business .logo-wash { width: 270px; margin: 0 auto 20px; } } /*# sourceMappingURL=business.css.map */