@charset "utf-8";
/* ---------------------
PC Style
---------------------- */
.container {
width: 100%;
}
main {
background-image: url(../images/mainBg-80.jpg);
background-repeat: repeat-y;
background-size: 100% auto;
background-position: center center;
display: block;
}
main#temp {
padding: 0 0 20px 0;
display: block;
}
/* topFacilitiesWrapper */
.topFacilitiesWrapper {
/*width: 1000px;*/
width: 1080px;
margin: auto;
}
.topFacilitiesWrapper ul {
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.topFacilitiesWrapper ul::after {
content:"";
display:block;
width: 174px;
height:0;
}
.topFacilitiesWrapper ul li {
width: 174px;
box-sizing: border-box;
list-style-type : none;
margin: 0 0 5px 0;
}
.topFacilitiesWrapper ul li a {
/*background-color: #ffffff;*/
display: block;
}
.topFacilitiesWrapper ul li a:hover,
.topFacilitiesWrapper ul li a:hover img {
opacity: 1;
box-sizing: border-box;
}
.topFacilitiesWrapper ul li a:hover img {
border: 2px solid #fbc6a7;
box-sizing: border-box;
transition: .3s;
}
.topFacilitiesWrapper ul li img {
width: 100%;
border: 1px solid #f9f3e4;
}
/* recruit */
.topSpecialBnrWrapper,
.topRecruitWrapper,
.topProductWrapper,
.topInkuruweekWrapper {
width: 1000px;
margin: auto;
}
.topSpecialBnrWrapper .container {
display: flex;
justify-content: space-between;
position: relative;
z-index: 1;
}
.topSpecialBnrWrapper .topSpecialBanner.imgShonanTry a {
background-image: url(../images/bnr_shonantry_pc.png);
background-position: bottom;
}
.topSpecialBnrWrapper .topSpecialBanner.imgAvnir a {
background-image: url(../images/bnr_avnir_pc.png);
background-position: bottom;
}
.topRecruitWrapper .topRecruitBanner a {
background-image: url(../images/topRecruitBanner2026@2x-8.png);
}
.topProductWrapper .topProductBanner a {
background-image: url(../images/topproduct@2x-8.png);
}
.topSpecialBnrWrapper .topWideWrapBanner.imgJoyful a {
background-image: url(../images/bnr_joyful_pc@2x_20211111.png);
background-position: bottom;
width: 1000px;
height: 213px;
}
.topSpecialBnrWrapper .topWideWrapBanner.imgInclu2022 a {
background-image: url(../images/bnr_inclufestival_2022_pc.png);
background-position: bottom;
width: 1000px;
height: 213px;
}
/*.topInkuruweekWrapper .topInkuruweekBanner a {
background-image: url(../images/bnr_inkuruweek_pc.png);
}
*/
.topSpecialBnrWrapper .topSpecialBanner,
.topSpecialBnrWrapper .topSpecialBanner2 {
width: 49%;
}
.topSpecialBnrWrapper .topWideWrapBanner {
padding-top: 80px;
width: 100%;
}
.topSpecialBnrWrapper .topSpecialBanner a,
.topSpecialBnrWrapper .topSpecialBanner2 a,
.topSpecialBnrWrapper .topWideWrapBanner a,
.topRecruitWrapper .topRecruitBanner a,
.topInkuruweekWrapper .topInkuruweekBanner a,
.topProductWrapper .topProductBanner a {
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: auto;
padding-top: 20%;
display: block;
z-index: 3;
}
.topSpecialBnrWrapper .topSpecialBanner,
.topSpecialBnrWrapper .topSpecialBanner2,
.topSpecialBnrWrapper .topWideWrapBanner a,
.topInkuruweekWrapper .topInkuruweekBanner {
padding-top: 80px;
position: relative;
}
/* coverSlider */
#coverSlider {
padding: 80px 0 15px 0;
}
#coverImage {
width: 1000px;
margin: 0 auto;
padding: 10px 0 0 0;
position: relative;
}
#coverImage ul li {
list-style-type: none;
}
/* temp 1col */
.col1Wrapper {
display: flex;
justify-content: space-between;
width: 1000px;
margin: 0 auto;
}
.col1Wrapper .sideBox .container {
padding: 30px 0 0 0;
}
.col2Wrapper .sideBox.blogListSideBox .container {
padding: 0;
}
/* temp 2col */
.col2Wrapper {
display: flex;
justify-content: space-between;
width: 1000px;
margin: 0 auto;
}
.col2Wrapper .leftBox {
width: 670px;
}
.col2Wrapper .sideBox {
width: 300px;
}
.col2Wrapper .sideBox .container {
padding: 30px 0 0 0;
}
.col2Wrapper .box {
width: 48%;
}
.contentsTtlBox {
background-color: rgba(255,217,137,0.3);
border-radius: 15px;
}
.contentsTtlBox .col02section {
padding: 20px 0;
display: flex;
justify-content: space-between;
}
.contentsTtlBox .col02section .col1 {
width: 390px;
box-sizing: border-box;
padding: 0 20px 0 30px;
}
.contentsTtlBox .col02section .col2 {
width: 280px;
box-sizing: border-box;
}
.contentsTtlBox h2 , #second h2 , #recruitDetailWrapper h2 , .productDetailWrapper h2 {
color: #000000;
display: inline-block;
font-size: 1.5rem;
line-height: 1.4em;
font-weight: 400;
font-weight: bold;
border-bottom: 3px solid #139bbf;
padding: 0 0 8px 0;
}
.contentsTtlBox .facilityYear {
color: #000000;
font-size: 1.0rem;
padding: 20px 0 0 0;
}
.contentsTtlBox .facilityCatch {
color: #000000;
font-size: 1.1rem;
line-height: 1.8em;
padding: 20px 0 0 0;
}
.facilitySpecList {
padding: 0 30px 20px 30px;
}
.facilitySpecList ul {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.facilitySpecList ul li {
padding: 8px;
font-size: 1.0rem;
font-weight: 400;
font-weight: bold;
background-color: #fff5e9;
display: inline-block;
margin: 0 10px 10px 0;
}
.facilitySpecList ul li span:before {
content: "■";
color: #ffd989;
margin: 0 3px 0 0;
}
.contentsSentenceBox {
background-color: rgba(255,255,255,0.7);
border-radius: 15px;
}
.contentsSentenceBox .container {
padding: 40px 30px;
font-size: 1.1em;
line-height: 1.8em;
box-sizing: border-box;
}
.contentsSentenceBox h3 , #second h3 , #recruitDetailWrapper h3 {
color: #139bbf;
font-size: 1.4rem;
letter-spacing: .15em;
position: relative;
padding: 0 0 0 45px;
margin-bottom: 20px;
}
#detailInfo.contentsSentenceBox h3 , #recruitDetailWrapper h3 {
justify-content: flex-start;
}
.contentsSentenceBox h3 span , #recruitDetailWrapper h3 span {
}
.contentsSentenceBox h3 span:before , #second h3 span:before , #recruitDetailWrapper h3 span:before {
content: "";
position: absolute;
top: 0.5em;
/*bottom: 30%;*/
height: 5px;
width: 30px;
background-color: #139bbf;
margin: 0 3px 0 -45px;
}
.contentsSentenceBox h4 {
font-size: 1.2rem;
font-weight: bold;
border-bottom: 4px solid #b8dfe6;
padding: 0 0 3px 0;
display: inline-block;
margin-bottom: 15px;
}
.contentsSentenceBox .facilityName {
font-size: 1.1rem;
}
/* sideNewsWrapper */
.sideNewsWrapper {
background-color: #ffffff;
padding: 30px 0 0 0;
border-bottom: 2px solid #139bbf;
}
.sideNewsWrapper h2 {
text-align: center;
color: #139bbf;
font-size: 1.1rem;
position: relative;
padding: 0 0 20px 0;
border-bottom: 2px solid #139bbf;
}
.sideNewsWrapper h2:before {
content: "";
position: absolute;
top: -55px;
left: 0;
right: 0;
margin: 0 auto;
background-image: url(../images/tempNewsIcon@2x.png);
background-repeat: no-repeat;
background-size: contain;
width: 60px;
height: 50px;
display: block;
}
.newsListWrapper {
padding: 30px;
box-sizing: border-box;
}
.newsListWrapper ul {}
.newsListWrapper ul li {
list-style-type: none;
padding: 0 0 20px 0;
}
.newsListWrapper ul li a .dialyTxt {
color: #139bbf;
text-decoration: underline;
font-size: 1.0rem;
}
/* sideFacilityWrapper */
.sideFacilityWrapper {
background-color: #ffffff;
padding: 30px 0 0 0;
border-bottom: 2px solid #139bbf;
}
.sideFacilityWrapper h2 {
text-align: center;
color: #139bbf;
font-size: 1.1rem;
position: relative;
padding: 0 0 20px 0;
border-bottom: 2px solid #139bbf;
}
.sideFacilityWrapper h2:before {
content: "";
position: absolute;
top: -55px;
left: 0;
right: 0;
margin: 0 auto;
background-image: url(../images/tempFacilitysIcon@2x.png);
background-repeat: no-repeat;
background-size: contain;
width: 60px;
height: 50px;
display: block;
}
.facilityListWrapper ul {}
.facilityListWrapper ul li { list-style-type: none; }
.facilityListWrapper .txtBtn {
padding: 10px 20px 20px 20px;
text-align: center;
}
.facilityListWrapper .txtBtn a {
padding: 14px 60px;
}
/* blog */
.contentsBlogTitle { }
.contentsBlogTitle h2 {
font-size: 1.5rem;
font-weight: 400;
font-weight: bold;
padding: 0 0 20px 0;
border-bottom: 4px solid #139bbf;
line-height: 1.4em;
}
.contentsBlogTitle .blogFacilityLabel {
padding: 5px 40px;
font-size: 1.0rem;
border: 1px solid #139bbf;
color: #139bbf;
display: inline-block;
}
/* before IE11 */
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
.contentsBlogTitle .blogFacilityLabel {
padding-top: 10px;
}
}
.blogContents {
font-size: 1.1rem;
line-height: 1.9em;
}
.blogContents > p {
padding: 0 0 20px 0;
}
.blogWriterWrapper {}
.blogWriterWrapper .blogWriterTtl {
background-color: #139bbf;
text-align: center;
padding: 20px 0;
}
.blogWriterWrapper .blogWriterTtl h3 {
color: #ffffff;
display: inline-block;
font-size: 1.1rem;
padding: 0 0 0 40px;
position: relative;
}
.blogWriterWrapper .blogWriterTtl h3:before {
content: "";
position: absolute;
left: 0;
top: -8px;
background-image: url(../images/blogWriterNameIcon@2x.png);
background-repeat: no-repeat;
background-size: contain;
width: 30px;
height: 38px;
display: block;
}
.blogWriterWrapper .container {
display: flex;
justify-content: space-between;
background-color: #ffffff;
padding: 20px;
box-sizing: border-box;
}
.photoBox {
border-radius: 80px;
overflow: hidden;
width: 155px;
height: 155px;
display: block;
}
.blogWriterTxt {
width: 430px;
}
.blogWriterFacility {
font-size: 1.2rem;
font-weight: 400;
font-weight: bold;
}
.blogWriterName {
font-size: 1.0rem;
}
.blogWriterTxt p {
font-size: 0.9rem;
}
.contentsBlogName {
border: 3px solid #1395b9;
padding: 30px;
}
.contentsBlogName h2 {
position: relative;
width: auto;
color: #1396ba;
font-size: 1.5rem;
font-weight: bold;
z-index: 1;
letter-spacing: .1em;
display: inline-block;
}
.contentsBlogName h2 span {
display: inline-block;
}
.contentsBlogName h2 span:after {
content: "";
height: 14px;
width: auto;
position: absolute;
display: inline-block;
bottom: -10px;
margin: 0 auto;
left: 0;
right: 0;
background-color: rgba(226,237,232,0.8);
z-index: -1;
}
.blogDetailWrapper a {
font-size: 0.9rem;
color: #1395b9!important;
text-decoration: underline!important;
position: relative;
}
.blogDetailWrapper a:before {
content: "";
position: absolute;
left: -15px;
top: 2px;
background-image: url(../images/blogNext@2x.png);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
display: block;
width: 10px;
height: 11px;
}
.blogContentsList {
border-bottom: 1px solid #1395b9;
}
.pageNumberWrapper ul {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
padding: 90px 0;
}
.pageNumberWrapper ul li {
list-style-type: none;
margin: 0 20px 20px 0;
}
.pageNumberWrapper ul li a {
width: 55px;
height: 55px;
border: 1px solid #1395b9;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.0rem;
}
/* before IE11 */
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
.pageNumberWrapper ul li a {
width: 50px;
height: 50px;
padding-top: 5px;
}
}
.pageNumberWrapper ul li.active a ,
.pageNumberWrapper ul li a:hover {
background-color: #e5f5f9;
}
.pageNumberWrapper ul li.numberNext a {
width: auto;
padding-right: 30px;
padding-left: 30px;
}
.pageNumberWrapper ul li.numberNext a:after {
content: "»";
}
.pageNumberWrapper ul li.numberBefore a {
width: auto;
padding-right: 30px;
padding-left: 30px;
}
.pageNumberWrapper ul li.numberBefore a:before {
content: "«";
}
.sideDialyBtnWrapper {
display: block;
}
.sideDialyBtnWrapper .btnDialyBtn a {
border: 2px solid #139bbf;
border-radius: 80px;
color: #139bbf!important;
font-size: 1.1rem;
font-weight: 400;
background-color: #ffffff;
padding: 8px 0 10px 85px;
position: relative;
display: block;
}
.sideDialyBtnWrapper .btnDialyBtn a span {
font-size: 0.8rem;
display: inline-block;
line-height: 1.0em;
}
.sideDialyBtnWrapper .btnDialyBtn a:before {
content: "";
position: absolute;
top: 20%;
left: 30px;
background-image: url(../images/btnDialyListBtn@2x.png);
background-repeat: no-repeat;
background-size: 46px;
width: 46px;
height: 38px;
}
/* dialy list */
#dialyList .container {
width: 800px;
margin: 0 auto;
padding: 0 0 100px 0;
}
#dialyList .dialyListWrapper .dialyListTxt {
font-size: 1.2rem;
line-height: 2.0em;
font-weight: bold;
padding: 15px 0 5px 0;
}
#dialyList .dialyEntryList ul {
}
#dialyList .dialyEntryList ul li {
border-bottom: 1px solid #1393b7;
padding: 20px 0;
list-style-type: none;
}
#dialyList .dialyEntryList .dialyDate {
font-size: 1.3rem;
}
#dialyList .dialyEntryList .dialyLabel {
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #3180a5;
padding: 10px 30px;
font-size: 1.0rem;
color: #ffffff;
}
#dialyList .dialyEntryList .dialyTxt a {
font-size: 1.1rem;
font-weight: bold;
line-height: 2.0em;
text-decoration: underline;
color: #000000;
}
.dialyListTxt.dialyChairman { color: #c94b00; }
.dialyListTxt.dialyLeader { color: #289100; }
.dialyListTxt.dialyStaff { color: #0062a8; }
/* pagenation */
.pageNationWrapper {
padding: 40px 0;
}
.pageNationWrapper ul {
display: flex;
justify-content: center;
font-size: 1.1rem;
}
.pageNationWrapper ul li {
width: auto;
padding: 0 30px;
list-style-type: none;
}
.pageNationWrapper ul li a {
color: #139bbf;
text-decoration: underline;
display: block;
position: relative;
}
.pageNationWrapper ul li.blogPrev a:before {
content: "";
position: absolute;
left: -30px;
top: 3px;
background-image: url(../images/blogPrev@2x.png);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
display: block;
width: 12px;
height: 17px;
}
.pageNationWrapper ul li.blogNext a:before {
content: "";
position: absolute;
right: -30px;
top: 3px;
background-image: url(../images/blogNext@2x.png);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
display: block;
width: 12px;
height: 17px;
}
/* sideArchive */
.sideArchiveWrapper {
background-color: #ffffff;
padding: 30px 0 0 0;
border-bottom: 2px solid #139bbf;
}
.sideArchiveWrapper h2 {
text-align: center;
color: #139bbf;
font-size: 1.1rem;
position: relative;
padding: 0 0 20px 0;
border-bottom: 2px solid #139bbf;
}
.sideArchiveWrapper h2:before {
content: "";
position: absolute;
top: -55px;
left: 0;
right: 0;
margin: 0 auto;
background-image: url(../images/tempArchiveIcon@2x.png);
background-repeat: no-repeat;
background-size: contain;
width: 52px;
height: 46px;
display: block;
}
.archiveListWrapper {
padding: 20px 20px 20px 20px;
text-align: center;
}
/* sideDialyWrapper */
.sideDialyWrapper {
background-color: #ffffff;
padding: 30px 0 0 0;
border-bottom: 2px solid #139bbf;
}
.sideDialyWrapper h2 {
text-align: center;
color: #139bbf;
font-size: 1.1rem;
position: relative;
padding: 0 0 20px 0;
border-bottom: 2px solid #139bbf;
}
.sideDialyWrapper h2:before {
content: "";
position: absolute;
top: -60px;
left: 0;
right: 0;
margin: 0 auto;
background-image: url(../images/tempDialyIcon@2x.png);
background-repeat: no-repeat;
background-size: contain;
width: 54px;
height: 54px;
display: block;
}
/* sideBlogChoiceWrapper */
.sideBlogChoiceWrapper {}
.sideBlogChoiceWrapper ul {}
.sideBlogChoiceWrapper ul li {
list-style-type: none;
margin-bottom: 3px;
}
.sideBlogChoiceWrapper ul li a {
padding: 20px 23px 20px 45px;
background-color: #ffffff;
display: block;
color: #139bbf;
font-size: 1.1rem;
position: relative;
}
.sideBlogChoiceWrapper ul li a:before {
content: "";
position: absolute;
top: 35%;
left: 23px;
background-image: url(../images/blogNext@2x.png);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
display: block;
width: 12px;
height: 17px;
}
/* parts */
.listOL {}
.listOL ol { margin: 0; padding: 0 0 0 1em; }
.listOL ul { margin: 0; padding: 0 0 0 1em; }
.listOL ol li , .listOL ul li { padding: 0.25em 0 0.25em 0; }
/* google map */
.googleMapWrapper {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.googleMapWrapper iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
/* topNewsWrapper */
.topNewsWrapper {
width: 1000px;
margin: auto;
}
.topNewsWrapper .container {
border-top: 2px solid #139bbf;
border-bottom: 2px solid #139bbf;
background-color: #ffffff;
padding: 28px 30px;
box-sizing: border-box;
}
.topNewsWrapper h2 {
background-image: url(../images/topNewsIcon@2x.png);
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
color: #139bbf;
padding: 0 0 0 42px;
display: inline-block;
}
.topNewsWrapper dl {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
padding: 25px 0 35px 0;
}
.topNewsWrapper dl dt {
width: 100px;
font-family: 'Oxygen', sans-serif;
font-weight: 700;
font-size: 1.0rem;
color: #a0a0a0!important;
padding: 0 0 15px 0;
}
.topNewsWrapper dl dd.labelBox {
width: auto;
font-size: 1.0rem;
padding: 0 0 10px 0;
}
.topNewsWrapper dl dd:nth-child(3n) {
width: 100%;
font-size: 1.0rem;
padding: 0 0 15px 0;
margin-bottom: 15px;
border-bottom: 1px dotted #dddddd;
}
/* news label */
.label {
padding: 5px 15px 5px 15px;
display: inline-block;
color: #ffffff;
font-size: 0.9rem;
text-align: center;
}
.label01 { background-color: #139bbf; }
.label02 { background-color: #23a34a; }
.label03 { background-color: #f9623e; }
.label04 { background-color: #6349aa; }
/* topDialyWrapper */
.topDialyWrapper {
width: 1000px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
}
.topDialyWrapper .dialyBox {
width: 48%;
position: relative;
padding: 0 0 60px 0;
}
.topDialyWrapper .dialyBox h2 {
border-bottom: 1px solid #139bbf;
background-repeat: no-repeat;
background-size: 47px 40px;
background-position: left top;
color: #139bbf;
padding: 8px 0 16px 55px;
display: flex;
align-items: center;
height: 50px;
}
.topDialyWrapper .dialyBox .moderatoLabel {
padding: 2px 6px;
border: 1px solid #139bbf;
color: #139bbf;
display: inline-block;
}
.topDialyWrapper .dialyBox .moderatoNumber {
font-size: 1.4rem;
font-weight: bold;
color: #304595;
border-bottom: 4px solid #304595;
padding: 0 0 6px 0;
display: inline-block;
}
.topDialyWrapper .dialyBox h2.topDialyRijicho {
background-image: url(../images/topDialyRijichoIcon@2x.png);
}
.topDialyWrapper .dialyBox h2.topDialyModerato {
background-image: url(../images/topDialyModeratoIcon@2x.png);
}
.topDialyWrapper .dialyBox .topDialyList ul {}
.topDialyWrapper .dialyBox .topDialyList ul li ,
.topDialyWrapper .dialyBox .topModeratoList ul li {
list-style-type: none;
padding: 0 0 20px 0;
}
.dialyDate {
font-family: 'Oxygen', sans-serif;
font-weight: 700;
font-size: 1.0rem;
color: #a0a0a0!important;
}
.dialyTxt {
font-size: 1.1rem;
text-decoration: underline;
padding: 10px 0 0 0;
}
.topDialyWrapper .dialyBox .topDialyList ul li a ,
.topDialyWrapper .dialyBox .topModeratoList ul li a {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.topDialyWrapper .dialyBox .topDialyList ul li .topDialyPhotoBox {
width: 100px;
}
.topDialyWrapper .dialyBox .topDialyList ul li .topDialyTxtBox {
width: auto;
}
.topDialyWrapper .dialyBox .topModeratoList ul li .topDialyPhotoBox {
width: 200px;
}
.topDialyWrapper .dialyBox .topModeratoList ul li .topDialyTxtBox {
width: 250px;
}
.topDialyWrapper .dialyBox img {
width: 100%;
}
.topDialyWrapper .dialyBox .txtBtn {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
/* topDialyTabWrapper */
.topDialyTabWrapper {
width: 100%;
position: relative;
background-image: url(../images/topDialyTabBg@2x.jpg);
background-repeat: repeat-y;
background-size: 100% auto;
background-position: center center;
}
.topDialyTabWrapper .container {
width: 1000px;
margin: 0 auto;
padding: 30px 0 70px 0;
z-index: 1;
position: relative;
}
.topDialyTabWrapper .topTabDialy h2 {
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
color: #139bbf;
padding: 0 0 0 42px;
display: inline-flex;
align-items: center;
height: 40px;
}
.topDialyTabWrapper .topTabDialy h2 {
background-image: url(../images/topDialyIcon@2x.png);
}
.topDialyTabWrapper .tabNewsWrapper {
display: flex;
justify-content: center;
}
.topDialyTabWrapper .tabNewsWrapper li {
width: 33.33%;
display: flex;
align-items: center;
justify-content: center;
padding: 20px 0;
background-color: #139bbf;
color: #ffffff;
font-size: 1.1rem;
list-style-type: none;
border-right: 1px solid #ffffff;
box-sizing: border-box;
}
.topDialyTabWrapper .tabNewsWrapper li:last-child {
border-right: none;
}
.topDialyTabWrapper .tabNewsWrapper li.is-active {
background-color: #ffffff;
color: #139bbf;
}
.topDialyTabWrapper .tabPanelGroupOuter {
background-color: #ffffff;
padding: 0 0 20px 0;
}
.topDialyTabWrapper .tabPanelGroup {
height: 410px;
overflow: hidden;
}
.topDialyTabWrapper .tabPanelGroup .panel {
padding: 20px;
display: none;
min-height: 400px;
}
.topDialyTabWrapper .tabPanelGroup .panel.is-show{
display: block;
}
.topDialyTabWrapper .tabPanelGroup ul {
display: flex;
justify-content: center;
}
.topDialyTabWrapper .tabPanelGroup ul li {
width: 33.33%;
list-style-type: none;
padding: 0 20px 0 0;
}
.topDialyTabWrapper .tabPanelGroup ul li:last-child {
padding: 0;
}
.topDialyTabWrapper .tabPanelGroup ul li .topDialyPhotoBox {
display: flex;
justify-content: center;
align-items: center;
height: 225px;
margin: 0 0 10px 0;
}
.topDialyTabWrapper .tabPanelGroup ul li .topDialyPhotoBox img {
height: 100%;
width: auto;
}
/* label title */
.topDialyTabWrapper .tabPanelGroup span.label {
}
.topDialyTabWrapper .tabPanelGroup h3 {
background-color: #ffffff;
color: #139bbf;
font-size: 1.1rem;
text-align: left;
line-height: 1.5em;
margin: 0 0 10px 0;
}
.topDialyTabWrapper .tabPanelGroup p {
display: none;
}
/*Newアイコン設置240731*/
.newIcon img {
width: 38px;
height: 32px;
}
/* textBtn */
.txtBtn a , input[type=submit].submitBtn , input[type=button].resetBtn , input[type=submit].sendBtn {
padding: 18px 80px 14px 80px;
border: 2px solid #139bbf;
border-radius: 80px;
color: #139bbf!important;
font-size: 1.1rem;
font-weight: 400;
background: url(../images/txtBtnIcon@2x.png) , #ffffff;
background-size: 50px;
background-position: right center;
background-repeat: no-repeat;
display: inline-block;
}
select.selectBtn {
text-align: center;
border: 2px solid #139bbf;
border-radius: 80px;
padding: 18px 50px 14px 40px;
font-size: 1.1rem;
background: url(../images/txtBtnSelectIconSP@2x.png) , #ffffff;
background-size: 40px;
background-position: right center;
background-repeat: no-repeat;
}
input[type=button].resetBtn , input[type=submit].sendBtn {
background: none;
}
.txtBtn02 a {
color: #ffffff!important;
background-color: #139bbf!important;
}
/* 下層ページローカルメニュー */
.localNaviWrapper {
margin: 20px 0 0 0;
}
.localNaviWrapper ul {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.localNaviWrapper ul li {
list-style-type: none;
}
.localNaviWrapper ul li a {
padding: 15px 15px 15px 30px;
display: block;
font-size: 0.9rem;
background-color: #ffffff;
margin-right: 10px;
color: #1396ba;
background-image: url(../images/localNaviIcon@2x.png);
background-position: 15px center;
background-repeat: no-repeat;
background-size: 7px;
border: 1px solid #139bbf;
}
.companyOl ol {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.companyOl ol li {
list-style-type: none;
width: 48%;
margin-left: 1em;
padding: 0 0 20px 0;
font-size: 1.0rem;
}
.companyOl ol li a {
color: #1396ba;
}
/* 下層ページパーツ */
/* グローバル */
#second {
font-size: 1.1em;
line-height: 1.8em;
}
.captionTxt {
font-size: 0.9rem;
}
/* 表組み */
table.dafaultTable {
border-left: 1px solid #1396ba;
border-top: 1px solid #1396ba;
color: #1396ba;
width: 100%;
box-sizing: border-box;
}
table.dafaultTable ul {
display: block;
margin: 0 auto;
padding-top: 1.2em;
padding-left: 3%;
}
table.dafaultTable ul li {
padding-bottom: 1.2em;
}
table.dafaultTable th { border-right: 1px solid #1396ba; border-bottom: 1px solid #1396ba; background-color: #e1f9ff; padding: 12px; font-size: 1.0rem; }
table.dafaultTable td { border-right: 1px solid #1396ba; border-bottom: 1px solid #1396ba; padding: 12px; font-size: 1.0rem; }
/* フォーム */
#formWrapper {
width: 100%;
}
#formWrapper .container {
width: 800px;
margin: 0 auto;
}
table.formTable {
border-top: 1px solid #3180a7;
border-bottom: 1px solid #3180a7;
width: 100%;
}
table.formTable th , table.formTable td {
padding: 15px 0;
box-sizing: border-box;
font-size: 1.0rem;
}
table.formTable th {
padding-right: 30px;
}
table.formTable th span {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 1px 10px;
background-color: #1395b9;
color: #ffffff;
margin: 0 0 0 15px;
font-size: 0.8rem;
}
/* before IE11 */
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
table.formTable th span {
padding-top: 4px;
padding-bottom: 0;
}
}
.attension a {
color: #1395b9!important;
text-decoration: underline!important;
}
.btnWrapper {
width: 100%;
text-align: center;
}
.resetBtn {
margin-right: 15px!important;
}
.sendBtn {
margin-left: 15px!important;
}
.formFinWrapper {
background-image: url(../images/formFinImg@2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width: 435px;
height: 320px;
margin: 50px auto;
}
/* モデラート */
.moderatoWrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.moderatoWrapper .moderatoPhoto {
width: 240px;
}
.moderatoWrapper .moderatoTxt {
width: 400px;
}
.moderatoWrapper h4 {
color: #000000;
display: inline-block;
font-size: 1.2rem;
line-height: 1.5em;
font-weight: 400;
font-weight: bold;
border-bottom: 4px solid #b2d5d2;
padding: 0 0 6px 0;
}
.moderatoWrapper p {
font-size: 1.0rem;
line-height: 1.8em;
}
/* sideModeratoWrapper */
.sideModeratoWrapper {
background-color: #ffffff;
padding: 30px 0 0 0;
border-bottom: 2px solid #139bbf;
}
.sideModeratoWrapper h2 {
text-align: center;
color: #139bbf;
font-size: 1.1rem;
position: relative;
padding: 0 0 20px 0;
border-bottom: 2px solid #139bbf;
}
.sideModeratoWrapper h2:before {
content: "";
position: absolute;
top: -55px;
left: 0;
right: 0;
margin: 0 auto;
background-image: url(../images/moderatoIcon@2x.png);
background-repeat: no-repeat;
background-size: contain;
width: 58px;
height: 48px;
display: block;
}
.moderatoListWrapper {
padding: 20px 30px;
text-align: center;
}
.moderatoListWrapper p {
font-size: 1.2rem;
}
/* サイトマップ */
#second.sitemapPage h3 {
padding: 0 0 0 0;
}
#second.sitemapPage h3 a {
padding: 10px 30px 10px 30px;
display: block;
font-size: 1.1rem;
margin-right: 10px;
color: #1396ba;
background-image: url(../images/localNaviIcon@2x.png);
background-position: 15px center;
background-repeat: no-repeat;
background-size: 7px;
border: 1px solid #139bbf;
}
#second.sitemapPage .sitemapsList {
padding-left: 1em;
}
/* 採用情報 */
#second .recruitPage h3 {
padding: 0 0 0 0;
}
.movieWrapper {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.movieWrapper iframe ,
.movieWrapper video {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
/* ブログ 旧MTからのインクルード */
.blogContents img.mt-image-none {
width: auto!important;
height: auto!important;
}
/*法人理念追記200626*/
ul.rinenWrap {
list-style-position: inside;
}
ul.rinenWrap li {
background: #f7e9cc;
padding: 7px 10px;
margin-bottom: 20px;
font-size: 18px;
letter-spacing: .05em;
font-weight: 600;
color: #75655d;
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
border-radius: 7px;
}
/* いんくるウィーク */
.incluHeaderWrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 820px;
margin: 0 auto;
}
.incluHeaderWrapper .box1 {
width: 240px;
}
.incluHeaderWrapper h3 {
font-size: 1.4rem;
color: #289100;
font-weight: bold;
}
.incluHeaderWrapper .box2 {
width: 540px;
}
.incluHeaderWrapper .box2 p {
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
}
.incluHeaderWrapper .box2 .textRight {
text-align: right;
}
.incluMovieTtl {
text-align: center;
}
.incluMovieTtl h3 img {
width: 442px;
}
.incluMovieTtl h4 {
background-color: #ffffff;
border-radius: 50px;
padding: 15px 62px;
font-size: 1.2rem;
font-weight: bold;
color: #4c4c4c;
display: inline-block;
}
.incluMovieWrapper {
padding: 40px 40px 0 40px;
background-color: rgba(255,255,255,0.7);
border-radius: 18px;
box-sizing: border-box;
}
.incluMovieWrapper ul {
display: flex;
justify-content: space-around;
align-items: flex-start;
flex-wrap: wrap;
}
.incluMovieWrapper ul li {
width: 30%;
list-style-type: none;
padding: 0 0 45px 0;
}
.incluMovieWrapper ul li h5 {
color: #222222;
font-size: 1.1rem;
font-weight: bold;
border-bottom: 3px solid #c94b00;
padding: 0 0 7px 0;
margin: 0 0 14px 0;
}
.ikuChanWrapper {
padding: 40px 40px 0 40px;
background-color: rgba(255,209,129,0.3);
border-radius: 18px;
box-sizing: border-box;
}
.ikuChanWrapper ul {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.ikuChanWrapper ul li {
width: 45%;
list-style-type: none;
padding: 0 0 45px 0;
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
z-index: 1;
}
.ikuChanWrapper ul li a {
/*position: absolute;*/
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.ikuChanWrapper ul li .box1 {
width: 48%;
}
.ikuChanWrapper ul li .box2 {
width: calc(100% - 135px);
font-size: 1.1rem;
line-height: 1.6em;
font-weight: bold;
}
.ikuChanWrapper ul li {
width: 45%;
list-style-type: none;
padding: 0 0 45px 0;
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
z-index: 1;
}
/*いんくるフェスティバル追記*/
.incluFestival2021 main{
background-image: url(../images/mainBg_2021.jpg);
}
.incluFestival2021 .ikuChanWrapper {
background: #fff;
}
.incluFestival2021 .incluHeaderWrapper h3 {
color: #f0623e;
}
.incluFestival2021 .ikuChanWrapper ul li {
display: block;
}
.incluFestival2021 .ikuChanWrapper ul li .box1,
.incluFestival2021 .ikuChanWrapper ul li .box2 {
width: auto;
}
.incluFestival2021 .expH3Txt {
color: #f0623e;
font-size: 20px;
font-weight: 600;
}
.incluFestival2021 .incluMovieWrapper {
background-color: rgba(255,255,255,1);
}
.incluFestival2021 .btnVote a:hover {
opacity: .9;
}
.btnVote {
max-width: 490px;
margin: 0 auto 2em;
width: 100%;
}
.incluFestival2021 .incluMovieTtl h3 img {
width: 100%;
max-width: 540px;
height: auto;
}
/*アクセスカウンター */
#accessCounter {
position: absolute;
top: 93px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
}
#accessCounter iframe {
margin-bottom: 10px;
}
#accessCounter p {
color: #289100;
font-weight: bold;
}
/*お問い合わせボタン設置領域*/
.contactLinkWrap .hContactLink {
margin-bottom: 20px;
text-align: center;
}
.contactLinkWrap .hContactLink img {
width: 280px;
height: auto;
}
.contactLinkWrap .hContactLink a > img {
}
/* ---------------------
SP Style
---------------------- */
@media all and (max-width: 800px) {
main {
margin-top: 80px;
}
.container {
padding: 0;
box-sizing: border-box;
}
/* coverSlider */
#coverSlider {
padding: 20px 7px 15px 7px;
box-sizing: border-box;
}
#coverImage {
width: auto;
margin: 0 auto;
}
/* topFacilitiesWrapper */
.topFacilitiesWrapper {
width: auto;
border-top: 1px solid #dbe3e5;
}
.topFacilitiesWrapper ul li {
width: 50%;
border-right: 1px solid #dbe3e5;
border-bottom: 1px solid #dbe3e5;
margin: 0;
}
.topFacilitiesWrapper ul li:nth-child(2n) {
border-right: none;
}
.topFacilitiesWrapper ul li:nth-child(4n) {
padding: 0;
}
/* recruit */
.topSpecialBnrWrapper,
.topSpecialBnrWrapper2 {
display: block;
}
.topSpecialBnrWrapper,
.topSpecialBnrWrapper2,
.topRecruitWrapper,
.topProductWrapper,
.topInkuruweekWrapper{
width: auto;
margin: auto;
}
.topSpecialBnrWrapper .topSpecialBanner,
.topSpecialBnrWrapper .topSpecialBanner2,
.topInkuruweekWrapper .topInkuruweekBanner {
padding-top: 30px;
max-height: 270px;
width: 100%;
}
.topSpecialBnrWrapper .topSpecialBanner a,
.topSpecialBnrWrapper .topSpecialBanner2 a,
.topRecruitWrapper .topRecruitBanner a ,
.topProductWrapper .topProductBanner a ,
.topInkuruweekWrapper .topInkuruweekBanner a {
padding-top: 0;
}
.topRecruitWrapper .topRecruitBanner a {
background-image: url(../images/topRecruitBannerSP2026@2x-8.png);
padding-top: 52%;
}
.topProductWrapper .topProductBanner a {
background-image: url(../images/topProductBannerSP2022@2x-8.png);
padding-top: 52%;
}
.topSpecialBnrWrapper .topSpecialBanner.imgShonanTry a {
background-image: url(../images/bnr_shonantry_sp.png);
min-height: 105px;
background-position: center top;
}
.topSpecialBnrWrapper .topSpecialBanner.imgAvnir a {
background-image: url(../images/bnr_avnir_sp.png);
min-height: 105px;
background-position: center top;
}
.topSpecialBnrWrapper .topWideWrapBanner {
padding-top: 20px;
}
.topSpecialBnrWrapper .topWideWrapBanner.imgJoyful a {
background-image: url(../images/bnr_joyful_sp_20211111.png);
min-height: 105px;
width: 90%;
margin: 0 auto;
background-position: center;
height: auto;
}
.topSpecialBnrWrapper .topWideWrapBanner.imgInclu2022 a {
background-image: url(../images/bnr_inclufestival_2022_sp.png);
min-height: 105px;
width: 90%;
margin: 0 auto;
background-position: center;
height: auto;
}
/*
.topInkuruweekWrapper .topInkuruweekBanner a {
background-image: url(../images/bnr_inkuruweek_sp.png);
min-height: 105px;
}
*/
.topSpecialBnrWrapper .container,
.topSpecialBnrWrapper2 .container {
display: block;
position: relative;
z-index: 1;
}
.topInkuruweekWrapper .container,
.topRecruitWrapper .container,
.topProductWrapper .container,
.topInkuruweekWrapper .container {
padding: 0 7px;
}
.topRecruitWrapper{
padding-top: 20px;
}
/* topNewsWrapper */
.topNewsWrapper {
width: auto;
}
.topNewsWrapper .container {
padding: 17px 7px;
}
.topNewsWrapper h2 {
background-size: contain;
padding: 0 0 0 32px;
}
.topNewsWrapper dl {
padding: 15px 0 25px 0;
}
.topNewsWrapper dl dt {
width: 100px;
font-family: 'Oxygen', sans-serif;
font-weight: 700;
font-size: 0.9rem;
color: #a0a0a0!important;
padding: 0 0 10px 0;
}
.topNewsWrapper dl dd.labelBox {
font-size: 0.9rem;
padding: 0 0 10px 0;
}
.topNewsWrapper dl dd {
width: 720px;
font-size: 0.9rem;
}
/* topDialyWrapper */
.topDialyWrapper {
width: auto;
padding: 22px 7px 42px 7px;
box-sizing: border-box;
}
.topDialyWrapper .dialyBox {
width: 100%;
box-sizing: border-box;
position: relative;
padding: 7px;
}
.topDialyWrapper .dialyBox h2 {
background-size: 45px 38px;
padding: 0 0 16px 50px;
}
.topDialyWrapper .dialyBox .topDialyList ul li .topDialyPhotoBox {
width: 30%;
}
.topDialyWrapper .dialyBox .topDialyList ul li .topDialyTxtBox {
width: auto;
}
.dialyDate ,
h3.dialyDate {
font-family: 'Oxygen', sans-serif;
font-weight: 700;
font-size: 0.9rem;
}
.topDialyWrapper .dialyBox .topModeratoList {
}
.topDialyWrapper .dialyBox .topModeratoList ul li .topDialyPhotoBox {
width: 40%;
}
.topDialyWrapper .dialyBox .topModeratoList ul li .topDialyTxtBox {
width: 55%;
}
.topDialyWrapper .dialyBox .txtBtn {
position: relative;
}
/* topDialyTabWrapper */
.topDialyTabWrapper .container {
width: auto;
padding: 20px 7px 38px 7px;
position: relative;
}
.topDialyTabWrapper .tabNewsWrapper li {
font-size: 0.9rem;
padding: 10px 0;
}
.topDialyTabWrapper .tabPanelGroup ul {
display: inline-block;
}
.topDialyTabWrapper .tabPanelGroup ul li {
width: 100%;
padding: 0;
box-sizing: border-box;
}
.topDialyTabWrapper .tabPanelGroup ul li .topDialyPhotoBox img {
height: 100%;
}
.topDialyTabWrapper .col2Wrapper .txtBtn {
text-align: center!important;
}
/* temp 2col */
.col2Wrapper {
display: block;
width: auto;
}
.col2Wrapper .leftBox {
width: auto;
}
.col2Wrapper .leftBox .container {
padding: 14px;
}
.col2Wrapper .sideBox {
width: auto;
padding: 30px 0 0 0;
}
.col2Wrapper .sideBox .container {
padding: 14px;
}
.col2Wrapper .box {
width: auto;
}
/* temp 1col */
.col1Wrapper {
width: auto;
}
.col1Wrapper .container {
padding: 15px;
}
.contentsTtlBox {
border-radius: 10px;
}
.contentsTtlBox .col02section {
padding: 14px 0;
display: block;
}
.contentsTtlBox .col02section .col1 {
width: auto;
box-sizing: border-box;
padding: 14px;
}
.contentsTtlBox .col02section .col2 {
width: auto;
padding: 14px 14px 0 14px;
}
.contentsTtlBox h2 {
font-size: 1.3rem;
}
.contentsTtlBox .facilityYear {
font-size: 1.0em;
padding: 20px 0 0 0;
}
.contentsTtlBox .facilityCatch {
font-size: 1.0rem;
line-height: 1.6em;
padding: 20px 0 0 0;
}
.facilitySpecList {
padding: 0 14px 20px 14px;
}
.facilitySpecList ul li {
padding: 6px;
font-size: 0.9em;
}
.contentsSentenceBox {
border-radius: 10px;
}
.contentsSentenceBox h3 {
font-size: 1.3rem;
padding: 0 0 0 35px;
letter-spacing: .1em;
}
.contentsSentenceBox h3 span:before {
content: "";
bottom: 40%;
height: 3px;
width: 20px;
margin: 0 3px 0 -35px;
}
/* pagenation */
.pageNationWrapper {
padding: 20px 0;
}
.pageNationWrapper ul {
display: flex;
justify-content: center;
font-size: 1.0rem;
}
.pageNationWrapper ul li {
width: auto;
padding: 0 10px;
list-style-type: none;
}
.pageNationWrapper ul li.blogPrev a:before {
content: "";
position: absolute;
left: -20px;
}
.pageNationWrapper ul li.blogNext a:before {
content: "";
position: absolute;
right: -20px;
}
/* sideFacilityWrapper */
.sideFacilityWrapper h2 {
padding: 20px 0 20px 0;
}
.sideFacilityWrapper h2:before {
content: "";
position: absolute;
top: -35px;
}
.sideFacilityWrapper {
background-color: #ffffff;
padding: 50px 0 0 0;
margin-top: 60px!important;
}
/* sideArchive */
.sideArchiveWrapper {
background-color: #ffffff;
margin-top: 60px!important;
}
.sideArchiveWrapper h2 {
padding: 25px 0 20px 0;
}
.archiveListWrapper {
padding: 0 14px;
}
.sideArchiveWrapper h2:before {
content: "";
position: absolute;
top: -30px;
}
/* sideDialyWrapper */
.sideDialyWrapper {
margin-top: 60px!important;
}
.sideDialyWrapper h2 {
padding: 25px 0 20px 0;
}
.sideDialyWrapper h2:before {
content: "";
position: absolute;
top: -35px;
}
/* blog */
.contentsBlogTitle { }
.contentsBlogTitle h2 {
font-size: 1.2rem;
padding: 0 0 10px 0;
}
.contentsBlogTitle .blogFacilityLabel {
padding: 3px 20px;
font-size: 0.9rem;
}
.blogContents {
font-size: 0.9rem;
line-height: 1.7em;
}
.blogWriterWrapper .container {
display: block;
}
.photoBox {
margin: 0 auto 10px auto;
}
.blogWriterTxt {
width: auto;
}
.blogWriterFacility {
font-size: 1.1rem;
text-align: center;
}
.blogWriterName {
text-align: center;
}
.contentsBlogName {
padding: 20px;
}
.contentsBlogName h2 {
font-size: 1.2rem;
}
.contentsBlogName h2 span:after {
bottom: -4px;
}
.pageNumberWrapper ul {
padding: 30px 0;
}
.pageNumberWrapper ul li {
margin: 0 10px 10px 0;
}
.pageNumberWrapper ul li a {
width: 30px;
height: 30px;
font-size: 0.9rem;
}
.pageNumberWrapper ul li.numberNext a {
width: auto;
padding-right: 20px;
padding-left: 20px;
}
.sideDialyBtnWrapper {
padding: 15px;
}
/* dialy list */
#dialyList .container {
width: auto;
padding: 0 15px 15px 15px;
}
#dialyList .dialyListWrapper .dialyListTxt {
font-size: 1.0rem;
line-height: 1.4em;
padding: 10px 0 0 0;
}
#dialyList .dialyEntryList .dialyDate {
font-size: 1.1rem;
}
#dialyList .dialyEntryList ul li {
padding: 15px 0;
}
#dialyList .dialyEntryList .dialyLabel {
padding: 5px 15px;
}
#dialyList .dialyEntryList .dialyTxt a {
font-size: 0.9rem;
line-height: 1.6em;
font-weight: normal;
}
/* モデラート */
.moderatoWrapper {
display: block;
}
.moderatoWrapper .moderatoPhoto {
width: auto;
padding: 0 30px;
}
.moderatoWrapper .moderatoTxt {
width: auto;
padding: 30px 0 0 0;
}
.moderatoWrapper h4 {
color: #000000;
display: inline-block;
font-size: 1.1rem;
line-height: 1.4em;
font-weight: 400;
font-weight: bold;
border-bottom: 4px solid #b2d5d2;
padding: 0 0 6px 0;
}
.moderatoWrapper p {
font-size: 0.9rem;
line-height: 1.5em;
}
/* 下層ページローカルメニュー */
.localNaviWrapper ul {
align-items: stretch;
}
.localNaviWrapper ul li {
width: 50%;
}
.localNaviWrapper ul li a {
margin-right: 5px;
margin-bottom: 5px;
font-size: 0.8rem;
line-height: 1.4em;
padding: 10px 5px 10px 20px;
background-position: 10px center;
display: block;
}
.localNaviWrapper ul li:nth-child(2n) a {
margin-right: 0;
}
.companyOl ol {
display: block;
}
.companyOl ol li {
padding: 0 0 10px 0;
width: 100%;
font-size: 0.9rem;
}
/* 表組み */
table.dafaultTable th { display: block; padding: 6px; font-size: 0.9rem; width: 100%; box-sizing: border-box; }
table.dafaultTable td { display: block; padding: 6px; font-size: 0.9rem; width: 100%; box-sizing: border-box; }
/*表組み改行させない方230405追記*/
.dafaultTable.customTable th {
padding: 6px;
font-size: 0.9rem;
box-sizing: border-box;
display: table-cell;
}
.dafaultTable.customTable td {
padding: 6px;
font-size: 0.9rem;
box-sizing: border-box;
display: table-cell;
}
.w33Per th, .w33Per td {
width: 33%!important;
}
.w25Per th, .w25Per td {
width: 25%!important;
}
/* フォーム */
#formWrapper .container {
width: auto;
}
table.formTable th , table.formTable td {
font-size: 0.9rem;
display: block;
width: 100%; box-sizing: border-box;
}
table.formTable th {
font-size: 0.9rem;
display: block;
width: 100%; box-sizing: border-box;
padding: 15px 0 0 15px;
}
.resetBtn {
margin-right: 5px!important;
}
.sendBtn {
margin-left: 5px!important;
}
.formFinWrapper {
width: 80%;
height: 0;
padding-top: 59%!important;
margin: 20px auto 20px auto;
}
/* いんくるウィーク */
.incluHeaderWrapper {
width: auto;
padding: 0 15px;
display: block;
}
.incluHeaderWrapper .box1 {
width: auto;
text-align: center;
padding: 0 0 25px 0;
}
.incluHeaderWrapper .box1 img {
width: 60%;
max-width: 200px;
text-align: center;
}
.incluHeaderWrapper .box2 {
width: auto;
}
.incluHeaderWrapper .box2 span {
display: block;
}
.incluMovieTtl h3 img {
width: 90%;
}
.incluMovieTtl h4 {
background-color: #ffffff;
border-radius: 50px;
padding: 10px 30px;
font-size: 0.9rem;
line-height: 1.2em;
}
.incluMovieWrapper {
padding: 20px 20px 0 20px;
}
.incluMovieWrapper ul li {
width: 45%;
list-style-type: none;
padding: 0 0 25px 0;
}
.incluMovieWrapper ul li h5 {
font-size: 0.9rem;
line-height: 1.2em;
}
.ikuChanWrapper {
padding: 20px 20px 0 20px;
}
.ikuChanWrapper ul li {
padding: 0 0 25px 0;
display: block;
}
.ikuChanWrapper ul li .box1 {
text-align: center;
width: auto;
}
.ikuChanWrapper ul li .box2 {
text-align: center;
width: auto;
font-size: 0.9rem;
line-height: 1.2em;
}
#accessCounter {
position: static;
top: auto;
left: auto;
transform: none;
text-align: center;
}
/*いんくるフェスティバル2021*/
.incluFestival2021 .incluMovieWrapper ul,
.incluFestival2021 .ikuChanWrapper ul {
display: block; }
.incluFestival2021 .incluMovieWrapper ul li,
.incluFestival2021 .ikuChanWrapper ul li {
width: 100%;
}
/* textBtn */
.txtBtn a , input[type=submit].submitBtn , input[type=button].resetBtn , input[type=submit].sendBtn {
padding: 10px 50px;
font-size: 0.9rem;
background: url(../images/txtBtnIconSP@2x.png) , #ffffff;
background-size: 40px;
background-position: right center;
background-repeat: no-repeat;
}
select.selectBtn {
padding: 10px 50px;
font-size: 0.9rem;
}
input[type=button].resetBtn , input[type=submit].sendBtn {
background: none;
}
/*default table 191206*/
table.dafaultTable ul {
width: 90%;
}
}
@media all and (max-width: 430px) {
.topInkuruweekWrapper .topInkuruweekBanner {
padding-top: 30px;
max-height: 160px;
}
}