/* Theme Name: WEB MAGAZINE */ /*----------------------------------------------------------------- リセット ----------------------------------------------------------------- */ *, *:after, *:before { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; border: 0; outline: 0; } ol, ul,li{ list-style: none; margin:0; padding:0;} :focus, :active { outline:0;} table { border-collapse: collapse; border-spacing: 0; } th, td { padding:8px; line-height:1.4em;} input{ margin-right:5px;} .switch { visibility: hidden; } body{ font:16px/1.5 ArialMT; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; margin:0; padding:0; color:#000;} h1, h2, h3, h4, h5, h6, p,dt ,dl,dd{ font-size:inherit; margin:0; padding:0; } hr{ display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } ul{ list-style:none; margin:0; padding:0; } li{ margin:0; padding:0; } @media screen and (min-width: 360px) { * { -webkit-text-size-adjust: none; } } /*---------------------------------------------------- clearfix ----------------------------------------------------*/ .clearfix:after, .spCrearBox:after, .newBoxIn:after, #footer .ftSnsBox ul:after, #footer .ftSnsBox:after, .snsBox:after, #sideBar ul li:after, .senpaiAbout:after, .senpaiAbout dl:after, .senpaiCont:after, .categoryJob:after, .categoryJobSub:after, .bannerMovie:after, .bannerMovie .box01:after, .koumuBanner:after, .osusumeBox ul li:after, .osusumeBox ul li a:after, .scheduleBox02 li:after, .topBannerList:after, .topBannerList02:after, .contents:after{ content: ".";display:block;height:0.1px;clear:both;visibility:hidden;font-size:0.1em;line-height:0; } .clearfix, .spCrearBox, .newBoxIn, #footer .ftSnsBox ul, #footer .ftSnsBox, .snsBox, #sideBar ul li, .senpaiAbout, .senpaiAbout dl, .senpaiCont, .categoryJob, .categoryJobSub, .bannerMovie, .bannerMovie .box01, .koumuBanner, .osusumeBox ul li, .osusumeBox ul li a, .scheduleBox02 li, .topBannerList, .topBannerList02, .contents{ display:inline-block;overflow:hidden;_overflow:visible;display:block; } * html .clearfix, * html .spCrearBox, * html .newBoxIn, * html #footer .ftSnsBox ul, * html #footer .ftSnsBox, * html .snsBox, * html #sideBar ul li, * html .senpaiAbout, * html .senpaiAbout dl, * html .senpaiCont, * html .categoryJob, * html .categoryJobSub, * html .bannerMovie, * html .bannerMovie .box01, * html .koumuBanner, * html .osusumeBox ul li, * html .osusumeBox ul li a, * html .scheduleBox02 li, * html .topBannerList, * html .topBannerList02, * html .contents{ height:1%; } /* ----------- anchor */ a { /*color:#84b904;*/color: #49ceca; text-decoration:none;} a:hover { color:#f8aa1c; } a .imgbt:hover{opacity:0.8;filter:alpha(opacity=80);cursor:pointer;} a { -webkit-tap-highlight-color: rgba(0,0,0,0); } .onlySP { display: none;} /*---------------------------------------------------- header ----------------------------------------------------*/ #header{ vertical-align: bottom;} #header .headerLogo{ width: 455px; float: left; padding: 20px 0 20px; } #header #navi{width: 545px;float: right;} #header #navi ul{ display: table; table-layout:fixed; border-collapse: collapse; width: 100%;} #header #navi li{ display:table-cell; border-collapse: collapse; width: 25%; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; text-align: center; border-top: 4px solid #ff6085; padding: 15px 0; } #header #navi li a{ display: block; width: 100%; height: 100%;} #header #navi li:nth-child(2){ border-top: 4px solid #e89f00;} #header #navi li:nth-child(3){ border-top: 4px solid #86db00;} #header #navi li:nth-child(4){ border-top: 4px solid #5b83ff;} #header #navi li a:hover img{opacity:0.5;filter:alpha(opacity=50);} #header #navi.navi02 li:first-of-type{ border-top: 4px solid #ffca1e;} #header #navi.navi02 li:nth-child(2){ border-top: 4px solid #49ceca;} #header #navi.navi02 li:nth-child(3){ border-top: 4px solid #f26886;} #header #navi.navi02 li:nth-child(3){ border-top: 4px solid #d3a8ec;} /*---------------------------------------------------- TOP ----------------------------------------------------*/ .contentsWrap{ width: 100%; padding:50px 0 0; background: #fffae6; min-width:1000px;} .contentsWrap.contentsWrapSub{ border-top: 4px #000 solid;padding:0 0;} .contentsWrap.contentsWrapSubCont{ border-top: 4px #000 solid;padding:0 0 0;} .contents{ width:1000px; margin:0 auto;} .contentsSp100{width:1000px; margin:0 auto;} .contents img{ max-width: 100%;} /*----見出し ---*/ h2.topH2{ text-align: center; font-family: Century Gothic,CenturyGothic,sans-serif; font-size: 200%; margin-bottom: 10px; } p.topP2{ text-align: center; margin-bottom: 40px; background: url(./img/bg_p2.png) no-repeat center bottom; padding-bottom: 15px; font-size: 94%;} h2.subH2{ text-align: center; margin-bottom: 0; } h3.subH3{ text-align: center; font-family: Century Gothic,CenturyGothic,sans-serif; font-size: 200%; margin-bottom: 5px; color: #ff6085; } .c02 h3.subH3{ color: #e89f00;} .c03 h3.subH3{ color: #86db00;} .c04 h3.subH3{ color: #5b84fe;} h3.subH3.black{ color: #000;} .subCont h3.h3_02{ background: #f5f5f5;} #newWrap{ width: 100%; min-width:1000px; background: #252525; } #newWrap .newBox{ width: 1000px; margin-left: auto; margin-right: auto; background:url(./img/bg_top.png) no-repeat center center; -webkit-background-size: cover; background-size: cover ; padding: 42px 0; } @media only screen and (min-width: 1200px){ #newWrap .newBox{ width: 1266px; margin-left: auto; margin-right: auto; background:url(./img/bg_top.png) no-repeat left center; -webkit-background-size: contain ; background-size: contain ; padding: 42px 0; } } #newWrap .newBox .bx_slider,#newWrap .newBox .bx_slider>li{ width: 1000px!important;margin-left: auto; margin-right: auto; padding: 0;} #newWrap .newBox a{ color: #fff;} #newWrap .newBox a ul.newBoxIn{ display: table; table-layout:fixed; width: 100%; vertical-align: bottom; height: 100%; background:#000 url(./img/icon_link.png) no-repeat right bottom; } #newWrap .newBox a:hover ul.newBoxIn{ background:#252525 url(./img/icon_link.png) no-repeat right bottom; } #newWrap .newBox a ul.newBoxIn li.photo{ width: 640px; display:table-cell; float: left; vertical-align: bottom; line-height: 0; } #newWrap .newBox a ul.newBoxIn li.photo img{ max-width: 640px;} #newWrap .newBox a:hover ul.newBoxIn li.photo img{ opacity:0.5;filter:alpha(opacity=50); } #newWrap .newBox a ul.newBoxIn li.txt{ display:table-cell; width: 360px; float: right; padding: 20px; } #newWrap a .ttlBox{ background:url(./img/icon_top01.png) no-repeat left center; padding-left: 60px; margin-bottom: 10px;} #newWrap a .c02 .ttlBox{ background:url(./img/icon_top02.png) no-repeat left center;} #newWrap a .c03 .ttlBox{ background:url(./img/icon_top03.png) no-repeat left center;} #newWrap a .c04 .ttlBox{ background:url(./img/icon_top04.png) no-repeat left center;} #newWrap a .txt .ttl{ font-size: 160%; font-weight: bold; margin-bottom: 10px;} .topArchive{ margin-bottom: 40px;display: flex;flex-wrap: wrap;justify-content: space-between;} .topArchive:after{ content:""; display: block; width:32.8%; } .topArchive li{ width: 32.8%; position: relative; margin-bottom: 40px; } .topArchive li:nth-child(1){ width: 49.6%; /*float: left;*/ position: relative; margin-bottom: 40px; } .topArchive li:nth-child(2){ width: 49.6%;/*float: right;*/ margin-right: 0;} .topArchive li a .txt{ color: #000;} .topArchive li .photo{ z-index: 10;} .topArchive li .photo img{height: auto;} .topArchive li .txt{ position: relative; margin-top: -40px; border-top: 4px solid #ff6085; background: #fff url(./img/icon_link.png) no-repeat right bottom; -webkit-background-size: 24px; background-size: 24px; padding: 20px; width: calc(100% - 20px); margin-left: auto; margin-right: auto; -webkit-box-shadow: 2px 2px 3px 0 #ccc; -moz-box-shadow: 2px 2px 3px 0 #ccc; box-shadow: 2px 2px 3px 0 #ccc; z-index: 100000; } .topArchive li:nth-child(1) .txt,.topArchive li:nth-child(2) .txt{width: calc(100% - 20px);} .topArchive li a:hover .txt,.topArchive li a:hover img{opacity:0.8;filter:alpha(opacity=80);} .topArchive li.c02 .txt{ border-top: 4px solid #e89f00;} .topArchive li.c03 .txt{ border-top: 4px solid #86db00;} .topArchive li.c04 .txt{ border-top: 4px solid #5b84fe;} .topArchive li .ttlBox{ background:url(./img/icon_top01.png) no-repeat left center; padding-left: 50px; margin-bottom: 10px; -webkit-background-size: 40px; background-size: 40px; font-weight: bold;} .topArchive li.c02 .ttlBox{background:url(./img/icon_top02.png) no-repeat left center;-webkit-background-size: 40px;background-size: 40px; } .topArchive li.c03 .ttlBox{background:url(./img/icon_top03.png) no-repeat left center;-webkit-background-size: 40px;background-size: 40px; } .topArchive li.c04 .ttlBox{background:url(./img/icon_top04.png) no-repeat left center;-webkit-background-size: 40px;background-size: 40px; } .topArchive li .ttlBox .category{ display: inline-block; margin-right: 5px; font-size: 80%;} .topArchive li .ttlBox .date{ display: block; font-weight: normal;font-size: 86%;} .topArchive li .ttl{ font-size: 120%; font-weight: bold; margin-bottom: 10px;} .topArchive li .busIcon{ position: absolute; right: 7px; top: 7px;} .eventTxt { text-align: right; margin-bottom: 80px; overflow: hidden;} .eventTxt a{ color: #000; text-decoration: underline;} .eventTxt a:hover{ color: #84b904;} .eventTxt img{ margin-right: 10px;display: inline-block;} .eventTxt p{display: inline-block; vertical-align: top; margin-top: 8px;} .gallerySortNavi{ width: 100%; margin-bottom: 20px;} .gallerySortNavi li{ display:inline;} .gallerySortNavi li a{ font-size: 16px; display: inline-block; background:#fff; color: #000; width: 40px; height:40px; line-height: 40px; text-align: center; text-decoration: none; border: 1px solid #000; font-family: Century Gothic,CenturyGothic,sans-serif; } .gallerySortNavi li a.current{ background: #000; color: #fff;} .gallerySortNavi li.nextSort a{width: 80px;} .gallerySortNavi li a:hover{ background: #fff799; color: #000;} .postNavi{ width: 100%; margin-bottom: 20px;} .postNavi a,.postNavi .current{ font-size: 16px; display: inline-block; background:#fff; color: #000; width: 40px; height:40px; line-height: 40px; text-align: center; text-decoration: none; border: 1px solid #ccc; font-family: Century Gothic,CenturyGothic,sans-serif; } .postNavi .current{ background: #000; color: #fff;} .postNavi .next{width: 70px;border-right: 1px solid #130C1F;} .postNavi .prev{width: 100px;} .postNavi a:hover{ background: #fff799; color: #000;} .wp-pagenavi{ width: 100%; margin-bottom: 20px;} .wp-pagenavi .current,.wp-pagenavi a{ font-size: 16px; display: inline-block; background:#fff; color: #000; width: 40px; height:40px; line-height: 40px; text-align: center; text-decoration: none; border: 1px solid #ccc; /*font-family: Century Gothic,CenturyGothic,sans-serif;*/ margin-right: 5px; font-size: 80%; } .wp-pagenavi .current{ background: #000; color: #fff;} .wp-pagenavi a.nextpostslink{margin-left: 5px;} /*.wp-pagenavi a.previouspostslink{width: 100px;}*/ .wp-pagenavi a:hover{ background: #fff799; color: #000;} .wp-pagenavi a.first,.wp-pagenavi a.last{ width: 55px;} .pageTop{ text-align: right; vertical-align: bottom; line-height: 0; } .pageTop img{ vertical-align: bottom;} /*---------------------------------------------------- footer ----------------------------------------------------*/ #footer{ background: #222222; width: 100%;padding: 40px 0; color: #fff;} #footer .ftSiteMap{ font-size: 90%; width: 840px; float: left; padding-bottom: 10px;} #footer .ftSiteMap li{ display: inline-block; margin-bottom: 5px;} #footer .ftSiteMap li a{ color: #fff; text-decoration: none;} #footer .ftSiteMap li a:hover{ color: #e89f00;text-decoration: underline;} #footer .ftSiteMap li:before { content:"｜"; margin-right: 3px; margin-left: 3px;} #footer .ftSiteMap li:first-child:before { content:""; margin-left: 0;} #footer .ftSnsBox{ width: 142px; float: right; margin-bottom: 15px; } #footer .ftSnsBox ul li{ display: inline-block; margin-right: 5px; } #footer .ftSnsBox ul li:last-child{ margin-right: 0;} #copyright{ clear: both; font-size: 80%; margin-top: 20px; margin-bottom: 20px; text-align: center; border-top: 1px solid #fff; padding-top: 15px;} .table02 { width:100%; border:1px solid #ddd; text-align:left; color:#333; background: #fff; font-size: 80%; } .table02 th { width:25%; border:1px solid #ddd; background:#eee;text-align:left; font-weight:normal;} .table02 td { width:75%; border:1px solid #ddd;text-align:left;} .footerBox02 .table02 th,.footerBox02 .table02 td{ padding: 10px 10px; } /*---------------------------------------------------- 下位common ----------------------------------------------------*/ .breadcrumb{ margin: 10px 0;text-align: right;} .breadcrumb ul{ width: 1000px; margin:0 auto; padding: 10px 0; font-size: 80%;} .breadcrumb ul li{ display:inline-block;position: relative;} .breadcrumb ul li a{color: #ff6085; text-decoration: none;} .c02 .breadcrumb ul li a{color: #e89f00; text-decoration: none;} .c03 .breadcrumb ul li a{color: #86db00; text-decoration: none;} .c04 .breadcrumb ul li a{color: #5b84fe; text-decoration: none;} .breadcrumb ul li:not(:last-child){padding-right: 20px;} .breadcrumb ul li:not(:last-child):before { content:""; margin-right: 5px; margin-left: 5px; display: block; width: 10px;height: 1px; position: absolute; top: 0;bottom: 0;margin-top: auto;margin-bottom: auto; right: 2px; background: #333;} /*.breadcrumb ul li:first-child:before { content:""; margin-right: 0;}*/ .breadcrumb ul li a{ text-decoration: underline; color: #333;text-underline-offset: 2px;} #sideBar{ width: 260px; float:right;} #sideBar h3{ font-family: Century Gothic,CenturyGothic,sans-serif; line-height: 1em; margin-bottom: 10px; } #sideBar ul{ border-top: 1px solid #000; padding-bottom: 20px; } #sideBar ul li{ border-bottom: 1px solid #000; padding-top: 20px; padding-bottom: 20px; font-size: 90%; } #sideBar ul li a{ color: #000; width: 100%;} #sideBar ul li a:hover img,#sideBar ul li a:hover p{ opacity:0.6;filter:alpha(opacity=60);} #sideBar ul li .photo{ margin-bottom: 3px; width: 100px; float: left; } #sideBar ul li .txtWrap{ width: 100%; margin-left: -100px; float: left;} #sideBar ul li .txt{ margin-left: 110px;} #sideBar ul li .category{ background:url(./img/icon_side01.png) no-repeat left 48%; font-size: 84%; font-weight: bold; color: #ff6085; padding-left: 20px; margin-bottom: 3px; } #sideBar ul li .category.c02{background:url(./img/icon_side02.png) no-repeat left 46%; color: #e89f00;} #sideBar ul li .category.c03{background:url(./img/icon_side03.png) no-repeat left 46%; color: #86db00;} #sideBar ul li .category.c04{background:url(./img/icon_side04.png) no-repeat left 46%; color: #5b84fe;} #sideBar ul li .ttl{ font-weight: bold; font-size: 106%;} #sideBar ul li .date{ font-size: 82%;} #sideBar ul li .date span{ font-weight: bold;} #sideBar ul li:nth-child(1) .photo,#sideBar ul li:nth-child(2) .photo,#sideBar ul li:nth-child(3) .photo{ width: 100%; float: none;} #sideBar ul li:nth-child(1),#sideBar ul li:nth-child(2),#sideBar ul li:nth-child(3){ font-size: 100%;} #sideBar ul li:nth-child(1) .txtWrap,#sideBar ul li:nth-child(2) .txtWrap,#sideBar ul li:nth-child(3) .txtWrap{ width: 100%; margin-left: 0; float: none;} #sideBar ul li:nth-child(1) .txt,#sideBar ul li:nth-child(2) .txt,#sideBar ul li:nth-child(3) .txt{ margin-left: 0;} #sideBar ul li:nth-child(1) .ttl,#sideBar ul li:nth-child(2) .ttl,#sideBar ul li:nth-child(3) .ttl{ margin-bottom: 5px;} #main{ width: 720px; float:left; } .subMainPhoto,.subMainPhoto img{ vertical-align: bottom;} .subCont{ background: #fff; padding: 20px 40px 40px; } .subCont a{color: #333;text-decoration: underline;text-underline-offset: 3px;} .subCont .ttlDate p{ margin-bottom: 0;} .subCont .ttlDate{ background:url(./img/icon_top01.png) no-repeat left center; padding: 10px 10px 10px 60px; margin-bottom: 10px; -webkit-background-size: 48px; background-size: 48px; font-weight: bold;} .c02 .subCont .ttlDate{background:url(./img/icon_top02.png) no-repeat left center;-webkit-background-size: 48px;background-size: 48px; } .c03.subCont .ttlDate{background:url(./img/icon_top03.png) no-repeat left center;-webkit-background-size: 48px;background-size: 48px; } .c04 .subCont .ttlDate{background:url(./img/icon_top04.png) no-repeat left center;-webkit-background-size: 48px;background-size: 48px; } .subCont .ttlDate .date{ font-weight: normal; font-size: 96%;} h2.ttl{ text-align: left; font-size: 200%; margin-bottom: 20px; padding-left: 0; padding-bottom: 20px; border-bottom: 1px solid #ccc; line-height: 1.3em; } h2.ttl span{ font-size: 80%; line-height: 1em;} .subCont p{ margin-bottom: 30px; text-align:justify;} .subCont p.textR{ text-align: right;} .subCont p.mb0{ margin-bottom: 0px; } .subCont p.mb5{ margin-bottom: 5px; } .subCont p.mb10{ margin-bottom: 10px; } .subCont img{ max-width: 100%; margin-bottom: 30px; display: block;} .subCont img.mb5{ margin-bottom: 5px;} .subCont h3{ background: #fffae6; padding: 9px 9px 8px; font-size: 130%; margin-top: 30px; margin-bottom: 20px; } .subCont h4{ font-size: 120%; margin-bottom: 20px; } .subCont h4.mb5{ margin-bottom: 5px;} .subCont h4.mb10{margin-bottom: 10px;} .descriptionBox{ border-top: 1px #ccc solid; padding-top: 30px; margin-top: 10px; font-size: 90%; } .descriptionBox dl dt{ font-weight: bold; margin-bottom: 5px; position: relative;padding-left: 20px;} .descriptionBox dl dt:before { content:""; display: block; width: 10px;height: 10px;background: #333;position: absolute;left: 4px;transform: rotate(45deg); top: 6px;} .descriptionBox dl dd{ margin-bottom: 40px;} .descriptionBox dl dd p{ margin-bottom: 15px;} .descriptionBox dl dd .timeBox{ background: #fef4f4; padding: 20px; word-wrap:break-word; } .descriptionBox dl dd .timeBox p.mb0{margin-bottom: 0;} .descriptionBox dl dd .timeBox p.mb5{margin-bottom: 5px;} .descriptionBox dl dd a{color: #333;text-decoration: underline;text-underline-offset: 2px;} .writerBox h4{ font-size: 98%; font-family: Century Gothic,CenturyGothic,sans-serif; border-bottom: 1px #ccc solid; padding-bottom: 5px; margin-bottom: 10px; } .writerBox ul{ width: 100%; display: table; table-layout:fixed; margin-bottom: 40px; } .writerBox ul li{ display:table-cell; vertical-align: middle;} .writerBox ul li:first-child{ width: 120px;} .writerBox ul li img{ margin-bottom: 0;} /*.snsBox li{ width: 49%; float: left; } .snsBox li:nth-child(2n){ float: right;} .snsBox li:last-child{ display: none;}*/ .snsBox{ margin-top: 40px;} .snsBox li img{ margin-bottom: 0;} .snsBox li img.onlySP{ display: none;} .senpaiTtl,.senpaiTtl02,.senpaiTtlR,.senpaiTtl02R,.senpaiTtlC,.senpaiTtl02C{ background: url(./img/bg_senpai.jpg) no-repeat bottom center; padding-bottom: 30px; /*color: #86db00;*/ color: #49ceca; font-size: 140%; font-weight: bold; text-align: center; } .senpaiTtl02,.senpaiTtl02R,.senpaiTtl02C{ border-top: 1px solid #ccc; padding-top: 20px; } .senpaiTtlR,.senpaiTtl02R{ /*color: #5b84fe;*/color: #49ceca;} .senpaiTtlC,.senpaiTtl02C{ color: #e89f00;} .senpaiAbout li.photo{ width: 240px; float: left; } .senpaiAbout li.photo img{ margin-bottom: 10px;} .senpaiAbout li.txt{ width: 380px; float: right; word-break: break-all; } .senpaiAbout dl dt{ float: left; width: 70px; } .senpaiAbout dl dd { margin-left: 80px; } .senpaiAbout dl dd:before { content:"："; margin-left: -1em;} .senpaiCont{ margin: 0 auto 40px; } .senpaiCont dt{ clear: left; float: left; width: 130px; text-align: right; margin-bottom: 20px; } .senpaiCont dt.icon_mejiron span{ display: inline-block; width: 130px; height: 40px; background: url(./img/icon_mejiron.png) no-repeat 90% center; margin-right: 30px; } .senpaiCont dd.icon_mejiron{ padding-top: 10px; margin-bottom: 30px;} .senpaiCont dd{ margin-left: 130px; margin-bottom: 20px; text-align: justify; } .bdrB{ border-top: 1px #ccc solid; padding-top: 40px; } .kateteBox{ background: #fffae6; padding: 10px; font-size: 110%; text-align: center; margin-bottom: 30px; } .kateteBox h3{ background: none; text-align: center; color: #ff6085; margin-bottom: 10px; } .kateteBox h3 span{ border-bottom: 3px dotted #ff6085;} .kateteBox p{margin-bottom: 10px;} .kateteBox p span{ color: #ff6085;} .videoContainer { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom:30px; } .videoContainer iframe, .videoContainer object, .videoContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .respBox{ background: #fef4f4; padding: 20px; margin-bottom: 20px; } .respBox p{ margin-bottom: 0;} .respBox h4{ margin-bottom: 5px; font-size: 110%; } .respBox img{ margin-bottom: 0;} .subCont img{ margin-right:auto; margin-left:auto;} .subCont p{ margin-bottom:30px !important; line-height: 2.1em;} .subCont .ttlDate p.category{ margin-bottom:0!important; line-height: 1.5em;} .subCont .ttlDate p.date{ line-height: 1.5em; margin-bottom: 0!important;} .subCont p.mb0{ margin-bottom: 0px!important; } .subCont p.mb5{ margin-bottom: 5px!important; } .subCont p.mb10{ margin-bottom: 10px!important; } .subCont p.lh14{line-height: 1.4em;} .subCont .respBox p{ margin-bottom: 0!important; line-height: 1.6em;} .subCont .lineTtl{ font-size: 130%; margin-bottom: 10px; font-weight: bold; color: #FF6085; } .lineBox{ background: #FFFAE6; padding: 20px 20px; text-align: center; margin-bottom: 30px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .lineBox p,.lineBox img{ margin-bottom: 0; margin-left: auto; margin-right: auto;} .idTxt{ font-weight: bold; font-size: 180%; } .policyOl{ margin-left: 30px; margin-bottom: 40px; } .policyOl li{ list-style-type:decimal; margin-bottom: 10px; } .subCont p.policyTxt{ margin-bottom: 40px!important;} .timeBox02{ background: #fef4f4; padding: 20px; margin-bottom: 30px; font-size: 94%; } .timeBox02 .ttl{ font-weight: bold; margin-bottom: 5px;} .tourokuBanner{ border-top: 1px solid #727171; border-bottom: 1px solid #727171; padding-bottom: 10px; padding-top: 12px; text-align: center; margin-bottom: 80px; } .tourokuBanner img{ vertical-align: bottom;} .underLine{ background: #FFFEC3;} .idTxt{ font-weight: bold; font-size: 180%; } p.comment{ background: #fef7ef; padding: 10px; color: #443829; text-align: left;} .commentBox{ background: #fef7ef; padding: 20px; color: #443829; margin-bottom: 30px;} .subCont .commentBox p{margin-bottom: 0!important; text-align: left;} .subCont .commentBox p.mb20{margin-bottom: 20px!important; text-align: left;} .commentBox .olList li{margin-bottom: 10px;} .olList li{ list-style-type:decimal; margin-left: 28px; margin-bottom: 20px; font-size: 106%;} .olList li:last-child{margin-bottom: 0;} .ulList li{ list-style-type: disc; margin-left: 20px; margin-bottom: 10px; font-size: 106%;} .ulList02 li{ list-style-type: disc; margin-left: 20px; } .categoryJob{ margin-bottom: 60px;} .categoryJob li a{ display: block; /*background: #fff url(./img/bg_job.png) no-repeat 94% center;*/ background: #fff url(./img/bg_jobR.png) no-repeat 94% center; background-size: 24px; width: 320px; margin-right: 20px; float: left; border: 1px solid #e6e6e6; font-weight: bold; font-size: 96%; color: #000; padding: 20px 10px 19px; text-align: center; margin-bottom: 10px; } .categoryJob li:nth-child(3) a,.categoryJob li:nth-child(6) a,.categoryJob li:nth-child(9) a{ margin-right: 0;} .categoryJob li a:hover{ background: #fefae8 url(./img/bg_jobR.png) no-repeat 94% center;background-size: 24px; color: #49ceca; } .categoryJob.senpaiJob{ margin-top: 80px;} .categoryJob.senpaiJob li a{ border-color: #86db00;background: #fff url(./img/bg_job2.png) no-repeat 94% center;} .categoryJob.senpaiJob li a:hover{ background: #fefae8 url(./img/bg_job2.png) no-repeat 94% center; color: #86db00; } .categoryJobSub{ margin-bottom: 40px; text-align: center; } .categoryJobSub li{ text-align: center;} .categoryJobSub li a{ display: inline-block; background: #fff url(./img/icon_link.png) no-repeat right bottom; -webkit-background-size: 24px; background-size: 24px; width: 192px; margin-right: 10px; float: left; border: 1px solid #e6e6e6; font-weight: bold; font-size: 96%; color: #000; padding: 20px 10px 19px; text-align: center; margin-bottom: 10px; text-align: center; } .categoryJobSub li a img{ display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px;} .categoryJobSub li:last-child a,.categoryJobSub li:nth-child(5) a{ margin-right: 0;} .categoryJobSub li a:hover{ background: #fefae8 url(./img/icon_link.png) no-repeat right bottom; color: #4587f9; -webkit-background-size: 24px; background-size: 24px;} .categoryJobSub.nourin{ width: 596px; margin-left: auto; margin-right: auto;} .categoryJobSub.kyouiku{ width: 192px; margin-left: auto; margin-right: auto;} .categoryJobSub.koumu{ width: 394px; margin-left: auto; margin-right: auto; margin-bottom: 0; vertical-align: bottom;} .categoryJobSub.koumu li a{ margin-bottom: 0;} .koumuBanner{ margin-bottom: 40px; width: 594px;margin-left: auto; margin-right: auto; padding-left: 200px;} .koumuBanner li{ width: 192px;float: left;} .koumuBanner li:nth-child(2n){ float: right;} .afterLink{ font-size: 120%;font-weight: bold;} .afterLink a{ text-decoration: underline;} .bannerMovie{ margin-bottom: 60px;} .bannerMovie .box01,.bannerMovie .box02{ border: 1px solid #000; padding: 5px; } .bannerMovie .box01 img,.bannerMovie .box02 img{ vertical-align: bottom;} .bannerMovie .box01{ width: 595px; float: left; padding: 30px;} .bannerMovie .box02{ width: 385px; float: right;} .bannerMovie .box01 .txtBox{ text-align: center; width: 218px; float: left; font-size: 120%; font-weight: bold;} .bannerMovie .box01 .txtBox p{margin-top: 15px;} .bannerMovie .box01 .photoBox{ width: 355px; float: right;} .linkTxt a{ display: inline-block; color: #333; text-decoration: underline; background: url(./img/icon_linkTxt.png) no-repeat left 6px; padding-left: 20px;} .linkTxt a:hover{ text-decoration: none; color: #5b84fe;} .osusumeBox h4{ text-align: left; border-bottom: 1px #ccc solid; padding-bottom: 10px; margin-bottom: 20px; } .osusumeBox h4 img{ margin: 0;} .osusumeBox .photoBox{ width: 110px; float: left; margin-right: 10px;} .osusumeBox ul li a{ color: #000; display: block; width: 100%; border-bottom: 1px #ccc dotted;padding-bottom: 20px;margin-bottom: 10px;text-decoration: none;} .osusumeBox ul li p{ display: none;} .osusumeBox ul li p.ttl{ line-height: 1.2em; font-size: 108%; display:block;margin-bottom: 5px!important;} .osusumeBox ul li img{ margin-bottom: 0; vertical-align: bottom;} .osusumeBox ul li:last-child a{ border-bottom: none;} .osusumeBox ul li a:hover{ /*color: #84b904;*/color: #49ceca;} .osusumeBox ul li a:hover img{opacity:0.7;filter:alpha(opacity=70);} .osusumeBox ul li p.termTag{ font-size: 13px; background: #e89f00; color: #fff; display: inline-block; padding: 5px 8px 5px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; line-height: 1; font-weight: bold; margin-right: 5px; } .subCont .osusumeBox p{margin-bottom: 2px!important;} .plusBox{ background: #fff; padding: 20px;} .plusBox dl dt{ width: 3em; float: left; color: #5b84fe;} .plusBox dl dd{margin-left: 4em;} .plusBox dl a{color: #333; text-decoration: underline;} .plusBox dl a:hover{ color: #5b84fe; } .ico01{ float: left; width: 20%; text-align: left; margin: 0} .textIco{ float:right; width: 80%;} .scheduleBox{ background: #fff; padding: 20px; margin-bottom: 70px;font-size: 15px;} .scheduleBox li{ margin-bottom: 10px;} .scheduleBox li:last-child{margin-bottom: 0;} .scheduleBox span{ display: inline-block;} .scheduleBox span.scheduleData{ color: #818181; width: 6em;} .scheduleBox span.scheduleArea{background: #f5f5f5; font-size: 12px; font-weight: bold; padding: 4px 10px; width: 7em;text-align: center; margin-right: 10px;} .scheduleBox a{ color: #000; text-decoration: underline;} .scheduleBox a:hover{ color: #5b84fe; text-decoration: none;} .scheduleBox02{ background: #fff url(./img/txt_pickup.png) no-repeat 99% 9px; -webkit-background-size: 131px;background-size: 131px; padding: 20px; margin-bottom: 50px;font-size: 15px; width: 80%;margin-left: auto;margin-right: auto;} .scheduleBox02 h3{ text-align: center; margin-bottom: 20px; font-size: 20px;} .scheduleBox02 ul{ margin-bottom: 20px;} .scheduleBox02 li{ margin-bottom: 10px;} .scheduleBox02 li:last-child{margin-bottom: 0;} .scheduleBox02 span{ display: inline-block;} .scheduleBox02 span.scheduleData{ color: #818181; width: 205px; float: left;} .scheduleBox02 span.scheduleDay{ width: 105px;} .scheduleBox02 span.scheduleArea{background: #f5f5f5; font-size: 12px; font-weight: bold; padding: 4px 10px; width: 7em;text-align: center; margin-left: 5px;} .scheduleBox02 span.txtCont{ width: 100%; margin-left: -215px;padding-left: 215px; float: right;} .scheduleBox02 a{ color: #000; text-decoration: underline;} .scheduleBox02 a:hover{ color: #5b84fe; text-decoration: none;} .scheduleBox02 p{ text-align: center;} .scheduleBox02 p a{ display: inline-block; position: relative;background: url(./img/icon_arw.png) no-repeat 100% 46%; -webkit-background-size: 13px;background-size: 13px; padding-right: 18px;} .scheduleBox02 span.newBox{ display: inline-block; background: #5b83ff; color: #fff; font-weight: bold; font-size: 11px; padding: 2px 8px 1px 10px; margin-right: 7px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .topBannerList li{ width: 49%; float: left; margin-bottom: 20px;} .topBannerList li:last-child{ float: right;} .topBannerList li img{ vertical-align: bottom;} .topBannerList02{ margin-bottom: 60px;} .topBannerList02 li{ width: 32%; margin-right: 2%; float: left; margin-bottom: 20px;} .topBannerList02 li:nth-child(3n) { margin-right: 0;} .topBannerList02 li img{ vertical-align: bottom;} /* –––––––––––––––––––––––––––––––––––––––––––––––––– Screen style's –––––––––––––––––––––––––––––––––––––––––––––––––– */ .menu-container { width: 100%; margin: 0 auto; background: #000; } .menu-mobile { display: none; padding: 20px; } .menu-mobile:after { content: "\f394"; font-family: "Ionicons"; font-size: 2.5rem; padding: 0; float: right; position: relative; top: 50%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); } .menu > ul { text-align: center; width: 100%; position: relative; /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */ padding: 6px 0 10px; } .menu > ul > li {display: inline;} .menu > ul > li>a { display: inline-block; color: #fff; padding: 12px 10px 12px 0; } .menu > ul > li>a:after{ content: '｜'; padding-left: 10px;} .menu > ul > li:last-of-type>a:after{ content: '';} .menu > ul > li > ul { display: none; width: 100%; background: #f3f3f2; padding: 30px 20px; position: absolute; z-index: 9999999; left: 0; margin: 0; margin-bottom: -20px; } @media only screen and (min-width: 1100px){.menu > ul > li > ul {padding: 30px 100px;}} @media only screen and (min-width: 1500px){.menu > ul > li > ul {padding: 30px 260px;}} .menu > ul > li > ul:before { top: -16px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 242, 20, 0); border-bottom-color: #f3f3f2; border-width: 8px; margin-left: -110px; } .menu > ul > li:first-of-type > ul:before { margin-left: -277px;} .menu > ul > li:nth-child(3) > ul:before { margin-left: 30px;} /*.menu > ul > li > ul:before, .menu > ul > li > ul:after { content: ""; display: table; } .menu > ul > li > ul:after { clear: both; }*/ .menu > ul > li > ul > li { margin: 0; padding-bottom: 0; list-style: none; width: 25%; background: none; float: left; margin-bottom: 20px; } .menu > ul > li > ul.categoryMenu > li { margin-bottom: 0;} .menu > ul > li > ul.recruitMenu > li:last-of-type { margin-bottom: 0;} .menu > ul > li:first-of-type > ul { padding: 30px 100px; } .menu > ul > li:first-of-type > ul > li { width: 20%; } .menu > ul > li:first-of-type > ul > li:nth-child(1), .menu > ul > li:first-of-type > ul > li:nth-child(2), .menu > ul > li:first-of-type > ul > li:nth-child(3), .menu > ul > li:first-of-type > ul > li:nth-child(4), .menu > ul > li:first-of-type > ul > li:nth-child(5), .menu > ul > li:first-of-type > ul > li:nth-child(6), .menu > ul > li:first-of-type > ul > li:nth-child(7), .menu > ul > li:first-of-type > ul > li:nth-child(8) {width: 12.5%; /*margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd;*/} .menu > ul > li:first-of-type > ul > li:nth-child(14), .menu > ul > li:first-of-type > ul > li:nth-child(15), .menu > ul > li:first-of-type > ul > li:nth-child(16), .menu > ul > li:first-of-type > ul > li:nth-child(17){ margin-bottom: 0;} .menu > ul > li > ul > li a { color: #000; width: 95%; display: block; text-align: left; font-size: 15px; position: relative; } .menu > ul > li > ul > li>a { background: url(./img/icon_inbox.png) no-repeat left 44%; -webkit-background-size: 5px; background-size: 5px; padding-left: 10px; } .menu > ul > li > ul > li>a:hover{text-decoration: underline;} .menu > ul > li > ul > li > ul { display: block; margin: 5px 0; } .menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after { content: ""; display: table; } .menu > ul > li > ul > li > ul:after { clear: both; } .menu > ul > li > ul > li > ul > li { float: left; width: 100%; padding: 0 0 3px 20px; margin: 0; font-size: 13px; } .menu > ul > li > ul > li > ul > li a { border: 0; color: #666; } .menu > ul > li > ul > li > ul > li a:hover{ text-decoration: underline;} form#searchform{ display: inline-block; position: relative;} form#searchform input[type=text]{ width: 200px; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; height: 29px; line-height: 29px; padding: 0 10px; min-height: inherit; min-height:auto; -webkit-appearance: none;-moz-appearance: none;appearance: none; border: 1px solid #ccc; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;font-size: 14px;} form#searchform input[type=submit]{ min-height: inherit; min-height:auto; position: absolute; width: 18px; height: 18px; background: url(./img/icon_zoom.png) no-repeat center center; -webkit-background-size: 18px;background-size: 18px; right: 10px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; border: none;} form#searchform input::placeholder{ font-size: 15px;} .ico01{ float: left; width: 20%; text-align: left !important; margin: 0 !important} .textIco{ float:right; width: 80%;} img.bn100th{ position: fixed; right: 0; bottom: 0; z-index: 10000000000;} a.siteLink{ display: inline-block; margin-top: 10px; padding: 6px 20px; /*background: #5b83ff;*/background: #49ceca; color: #fff; font-weight: bold; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} a.siteLink:hover{ background: #fff; /*color: #5b83ff;*/color: #49ceca;} a.siteLink.recruitBtn{ /*background: #5b83ff;*/background: #49ceca;text-decoration: none;color: #fff;} a.siteLink.recruitBtn:hover{ background: #fff; /*color: #5b83ff;*/color: #49ceca;} .btnRecruit { margin-bottom: 60px; margin-top: 60px;} .btnRecruit a{ display: block; /*background: #5b83ff;*/background: #49ceca; color: #fff; text-align: center; font-weight: bold; padding: 14px 0 13px; font-size: 24px; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;text-decoration: none;} .btnRecruit a:hover{ background: #e89f00;} .btnRecruit a span:first-of-type{ display: inline-block; position: relative; padding-right: 22px;} .btnRecruit a span:first-of-type:after{ font-family: "Font Awesome 5 Free"; content: "\f138"; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 18px; position: absolute; right: 1px; margin-top: auto; margin-bottom: auto; top: 0; bottom: 0; height: 18px; font-weight: 900; color: #fff; } .btnRecruit a span:last-of-type{ display: block; font-size: 14px; margin-top: 5px;} /*.recruitBtn.recruitBtn a{ background: #86db00;} .recruitBtn.recruitBtn a:hover{background: #5b83ff; }*/ .writerIcon{ margin-left: auto;margin-right: auto; margin-bottom: 10px;width: 82px; height: 82px; background: #fff; overflow: hidden; -webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px; } .topH2.h2Writer{ margin-bottom: 5px;} .topH2.h2Writer.mb40{ margin-bottom: 40px;} .writerSns{ text-align: center; margin-bottom: 10px;} .writerSns li{ display: inline-block; margin:0 3px 0;} .writerCaption{ font-size: 14px; text-align: center; margin-bottom: 60px;} h3.h3Writer{text-align: center; margin-bottom: 40px; background: url(./img/bg_p2.png) no-repeat center bottom; padding-bottom: 20px; font-size: 18px; font-weight: normal; } .topArchive.writerList li:nth-child(1), .topArchive.writerList li:nth-child(2){ width: 32.8%;} .topArchive.writerList li:nth-child(1) .txt, .topArchive.writerList li:nth-child(2) .txt{ width: calc(100% - 20px);} .writerBox.writerBox02 ul{ margin-top: 20px;display: flex;flex-wrap: wrap;} .writerBox.writerBox02 .writerCaption{ font-size: 13px; text-align: left; line-height: 1.6em; margin-top: 10px;} .writerBox.writerBox02 .writerCaption a.txtLink{display: block;text-decoration: underline;text-underline-offset: 2px;margin-top: 10px;} .writerBox.writerBox02 ul li{display: block;} .writerBox.writerBox02 ul li:first-child{ vertical-align: top;} .writerBox.writerBox02 ul li:first-child img{ margin-left: 0;} .writerBox.writerBox02 ul li:last-child{flex: 1;display: flex;align-items: center;flex-wrap: wrap;} .writerBox.writerBox02 ul li:last-child p{width: 100%;} .writerBox.writerBox02 a:not(.txtLink){ display: inline-block; background: #e89f00 url(./img/icon_arwW.png) no-repeat 90% center; color: #fff; line-height: 1em; padding: 7px 26px 6px 20px; font-size: 13px; font-weight: bold; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; margin-left: 10px; -webkit-background-size: 6px;background-size: 6px;text-decoration: none;} .writerBox.writerBox02 a:not(.txtLink):hover{background: #ff6085 url(./img/icon_arwW.png) no-repeat 90% center;-webkit-background-size: 6px;background-size: 6px;} .writerBox.writerBox02 .textB{ font-size: 16px; vertical-align: bottom;} .workSortTtl{ text-align: center; color: #fff; background: #000; padding: 5px 0 3px; vertical-align: bottom; font-weight: bold;} .workSortWrap{ border: 1px solid #000; padding: 15px 15px 5px; margin-bottom: 30px; } .workSortList li{ display: inline-block; } .workSortList li button{ padding: 5px 20px; font-size: 14px; margin-bottom: 10px; background: #fff; margin-right: 15px; cursor:pointer; } .workSortList li.workSortClear{ width: 100%; display: block;} .workSortList li.workSortClear button{ width: 100%; display: block; background: #f5f5f5;} .workSortList02{ margin-top: 10px;padding-top: 20px; border-top: 1px dotted #999;} #mix-wrapper{ margin-bottom: 80px; overflow: hidden;_zoom:1;} #mix-wrapper .worksBox{ overflow: hidden;_zoom:1; background: #fff; padding: 20px; margin-bottom: 2%; width: 49%; float: left; margin-left: 0.5%; margin-right: 0.5%;} /*#mix-wrapper .worksBox:nth-child(2n){ float: right;}*/ #mix-wrapper .worksBox img{ float: left; width: 140px;} #mix-wrapper .worksBox .jobCategory{ margin-bottom: 10px;} #mix-wrapper .worksBox .jobCategory li{ display: inline-block; font-size: 11px; font-weight: bold; color: #fff; background: #000; margin-right: 10px; padding: 2px 10px;} #mix-wrapper .worksBox .cmpTitle{ font-weight: bold; font-size: 16px; margin-bottom: 10px; padding-bottom: 9px; border-bottom: 1px solid #999; line-height: 1.1em; min-height: 44px;} #mix-wrapper .worksBox .siteTitleBox{ width: 100%; float: right; margin-left: -160px; padding-left: 160px;} #mix-wrapper .worksBox .linkList li{ width: 48.5%; float: left; font-size: 14px; text-align: center;} #mix-wrapper .worksBox .linkList li:nth-child(2n){ float: right;} #mix-wrapper .worksBox .linkList li a{ width: 100%; display: block; background: #84b908;/*background: #49ceca;*/ color: #fff; padding: 2px 0; margin-bottom: 6px;} #mix-wrapper .worksBox .linkList li:nth-child(1) a{ /*background: #5b84fe;*/background: #49ceca; } #mix-wrapper .worksBox .linkList li:nth-child(3), #mix-wrapper .worksBox .linkList li.ofsSite{ width: 100%; } #mix-wrapper .worksBox .linkList li:nth-child(3) a, #mix-wrapper .worksBox .linkList li.ofsSite a{ background: none; border: 1px solid #000; color: #000; padding: 1px 0; margin-bottom: 0;} .subCont .compName{ font-weight: bold;margin-bottom: 5px!important; line-height: 1.2em!important;} .subCont .compUrl{margin-bottom: 20px!important;} .subCont .compUrl a{ text-decoration: underline;} .subCont .siteLinkTxt{ font-weight: bold; margin-bottom:10px!important; margin-top: 20px; /*color: #5b83ff;*/color: #49ceca;} .subCont .siteLinkTxt span{ display: inline-block; border-bottom: 1px dashed #49ceca;} /*---------------------------------------------------- 202109改修 ----------------------------------------------------*/ .c05 h3.subH3{ color: #ffca1e;} .c06 h3.subH3{ color: #49ceca;} .c07 h3.subH3{ color: #f26886;} .c08 h3.subH3{ color: #d3a8ec;} #newWrap .newBox a ul.newBoxIn li.txt.c05{ border-top: 4px solid #ffca1e; } #newWrap .newBox a ul.newBoxIn li.txt.c06{ border-top: 4px solid #49ceca; } #newWrap .newBox a ul.newBoxIn li.txt.c07{ border-top: 4px solid #f26886; } #newWrap .newBox a ul.newBoxIn li.txt.c08{ border-top: 4px solid #d3a8ec; } #newWrap a .ttlBox{ background:url(./img/icon_top01.png) no-repeat left center; padding-left: 60px; margin-bottom: 10px;} #newWrap a .c05 .ttlBox{ background:url(./img/icon_sub05.png) no-repeat left center;background-size: 48px;} #newWrap a .c06 .ttlBox{ background:url(./img/icon_sub06.png) no-repeat left center;background-size: 48px;} #newWrap a .c07 .ttlBox{ background:url(./img/icon_sub07.png) no-repeat left center;background-size: 48px;} #newWrap a .c08 .ttlBox{ background:url(./img/icon_sub08.png) no-repeat left center;background-size: 48px;} .topArchive li.c05 .txt{ border-top: 4px solid #ffca1e;} .topArchive li.c06 .txt{ border-top: 4px solid #49ceca;} .topArchive li.c07 .txt{ border-top: 4px solid #f26886;} .topArchive li.c08 .txt{ border-top: 4px solid #d3a8ec;} .topArchive li.c05 .ttlBox{background:url(./img/icon_sub05.png) no-repeat left center;-webkit-background-size: 40px;background-size: 40px; } .topArchive li.c06 .ttlBox{background:url(./img/icon_sub06.png) no-repeat left center;-webkit-background-size: 40px;background-size: 40px; } .topArchive li.c07 .ttlBox{background:url(./img/icon_sub07.png) no-repeat left center;-webkit-background-size: 40px;background-size: 40px; } .topArchive li.c08 .ttlBox{background:url(./img/icon_sub08.png) no-repeat left center;-webkit-background-size: 40px;background-size: 40px; } /*.c05 .breadcrumb ul li a{color: #ffca1e; text-decoration: none;} .c06 .breadcrumb ul li a{color: #49ceca; text-decoration: none;} .c07 .breadcrumb ul li a{color: #f26886; text-decoration: none;} .c08 .breadcrumb ul li a{color: #c889ec; text-decoration: none;}*/ #sideBar ul li .category.c05{background:url(./img/icon_side05.png) no-repeat left 46%; color: #ffca1e;background-size: 14px;} #sideBar ul li .category.c06{background:url(./img/icon_side06.png) no-repeat left 46%; color: #49ceca;background-size: 20px;} #sideBar ul li .category.c07{background:url(./img/icon_side07.png) no-repeat left 46%; color: #f26886;background-size: 18px;} #sideBar ul li .category.c08{background:url(./img/icon_sub08.png) no-repeat left 0; color: #d3a8ec;background-size: 16px;} .c05 .subCont .ttlDate{background:url(./img/icon_sub05.png) no-repeat left center;-webkit-background-size: 48px;background-size: 48px; } .c06 .subCont .ttlDate{background:url(./img/icon_sub06.png) no-repeat left center;-webkit-background-size: 48px;background-size: 48px; } .c07 .subCont .ttlDate{background:url(./img/icon_sub07.png) no-repeat left center;-webkit-background-size: 48px;background-size: 48px; } .c08 .subCont .ttlDate{background:url(./img/icon_sub08.png) no-repeat left center;-webkit-background-size: 48px;background-size: 48px; } .tripBox{background: #fef0f3;padding: 20px; margin-bottom: 40px;} .tripBox p{margin-bottom: 0!important; font-size: 14px;line-height: 1.8em;} .tripBox .ttl{margin-bottom: 20px;font-size: 16px;} .tripBox dt{font-size: 14px;margin-bottom: 5px;} .tripBox dd{font-weight: bold;} .tripBox dd span{ display: inline-block; border-bottom: 2px dotted #f26886; padding-bottom: 5px;} .tripTtl{font-weight: bold;color: #f26886;margin-bottom: 10px; border-bottom: 2px solid #f26886; padding-bottom: 5px;} .tripProf{overflow: hidden;margin-bottom: 50px;} .tripProf .photoBox{ width: 140px; height: 140px; border-radius: 100px; float: left; overflow: hidden;} .tripProf .txtBox{width: 100%; float: right; margin-left: -180px; padding-left: 180px;font-size: 14px;} .tripProf .txtBox p{margin-bottom: 0; line-height: 1.8em;} .tripProf .txtBox p.stuName{font-size: 16px; margin-bottom: 10px!important;} .locationList{ margin-bottom: 60px;} .locationList li:not(.tripTime){ background: #fef0f3;padding: 10px; margin-bottom: 5px;position: relative;} .locationList li.tripTime{ font-size: 12px; padding-bottom: 30px;position: relative;} .locationList li.tripTime:after{ content: '';display: block; background:url(./img/icon_down.png) no-repeat left bottom; width: 20px;height: 15px; position: absolute; left: 10px; bottom: 7px; background-size: 20px;} .locationList li .num{display: inline-block; background: #fff; padding: 0 8px; margin-right: 10px; border-radius: 30px;color: #f26886;} .tripCap{background: #fffae6;font-weight: bold;padding: 9px 9px 8px;margin-top: 30px;margin-bottom: 20px;} .locationList li.tripTime p{margin-bottom: 5px!important; font-size: 14px; line-height: 1.6em; margin-top: 10px;} .locationList li.tripTime:last-of-type:after{display: none;padding-bottom: 0;} .tripList h3{background: none;font-weight: bold;color: #f26886;margin-bottom: 20px; border-bottom: 2px solid #f26886; padding-bottom: 5px;} .tripList li{margin-bottom: 60px;} .commentBox .ttl span{font-weight: bold;} .tripAbout{} .tripAbout dt{ margin-bottom: 10px;display: inline-block;background: #fef0f3;padding: 6px 10px;} .tripAbout dd{ margin-left: 20px; margin-bottom: 40px; line-height: 2.2em;} h2 span.recruitPost{display: block;margin-top: 10px; margin-bottom: 5px;} h2 span.recruitPost span{display: inline-block; color: #fff; font-weight: bold; font-size: 16px;background: #49ceca; padding: 6px 14px;border-radius: 4px;} #sideBar .recruitPost{line-height: 1.2em;margin-bottom: 5px;} #sideBar .recruitPost span{display: inline-block; color: #fff; font-weight: bold; font-size: 12px;background: #49ceca; padding: 1px 10px;border-radius: 4px;} .topArchive .recruitPost{line-height: 1.2em;margin-bottom: 10px;} .topArchive .recruitPost span{display: inline-block; color: #fff; font-weight: bold; font-size: 12px;background: #49ceca; padding: 1px 10px;border-radius: 4px;} .topArchive li.c06 .ttl{margin-bottom: 5px;} .txtLink a{ text-decoration: underline;} .txtLink a i{margin-left: 10px;} .olList02 li{list-style-type: decimal; margin-left: 22px;} .olList02 li:not(:last-of-type){margin-bottom: 5px;} .attentionList li{position: relative;font-size: 14px; margin-left: 1em;text-indent: -1em;} .attentionList li:before{ content: '※';} .attentionList li:not(:last-of-type){margin-bottom: 5px;} .commentBox p.lh18{line-height: 1.8em;} .commentBox p.mb10{margin-bottom: 10px;} .commentBox h4.mb10{margin-bottom: 10px;} .faqList{margin-left: 30px;line-height: 2.2em;margin-bottom: 40px;} .faqList dt{position: relative;margin-bottom: 10px;color: #84b904;font-weight: bold;} .faqList dt:before{ content: '';display: block;width: 24px; height: 1px; background: #84b904; position: absolute; left: -30px; top: 16px;} .faqList dd{text-align: justify;} .faqList dd:not(:last-of-type){margin-bottom: 40px;} .instagram-media{min-width: 320px!important;} .tableFix{table-layout: fixed;width: 100%;} .tableFix th{font-weight: normal; text-align: left; width: 130px; padding-left: 0; } .tableFix tr:not(:last-of-type) th, .tableFix tr:not(:last-of-type) td{border-bottom: 1px solid #ddd;} .faqList.divList{ line-height: 1.6em;} .faqList.divList dt{ margin-bottom: 5px;} .faqList.divList dd:not(:last-of-type){margin-bottom: 30px;} .faqList.divList dd dl{margin-top: 15px;} .faqList.divList dd dt{color: #333;} .faqList.divList dd dt:before{ display: none; } .faqList.divList dd dd{margin-bottom: 10px;margin-left: 1em;} .commentBox p.shukatsuName{margin-bottom: 20px!important;} .commentBox p.shukatsuName span{font-weight: bold;} .shukatsuDl{overflow: hidden;} .shukatsuDl dt{font-weight: bold;clear: both;width: 5em;float: left;} .shukatsuDl dd{ width: 100%; margin-left: -6em;padding-left: 6em;float: right;position: relative;} .shukatsuDl dt:not(:last-of-type), .shukatsuDl dd:not(:last-of-type){margin-bottom: 10px;} .btn.subBtn a{ margin-left: 0;width: 100%;width: 100%; font-size: 100%; padding: 8px 0; position: relative; margin-top: 10px; margin-bottom: 0; } .btn.subBtn a i{ position: absolute; margin-top: auto;margin-bottom: auto;bottom: 0;top: 0;right: 10px;height: 16px; } .btn.subBtn.mb30{margin-bottom: 30px;} .flowList li{ position: relative; } .flowList li:not(:last-of-type){padding-bottom: 30px;} .flowList li:not(:last-of-type):after{ content: '';display: block; background:url(./img/icon_down02.png) no-repeat left bottom; width: 20px;height: 15px; position: absolute; left: 10px; bottom: 7px; background-size: 20px;} .stepList{margin-bottom: 40px;} .stepList li{background: #fef7ef; padding: 20px;} .stepList li p{margin-bottom: 0!important;line-height: 1.6em;} .stepList li p.ttl{font-weight: bold;margin-bottom: 5px;} .stepList li:not(:last-of-type){margin-bottom: 20px;} .companyNum{ text-align: center;border: 1px solid #333;margin-bottom: 60px;position: relative;font-weight: bold;} .companyNum a{display: block;position: relative;z-index: 1;color: #333;padding-top: 20px;} .companyNum.companyNumSub{border: none;margin-bottom: 20px;} .companyNum.companyNumSub a{pointer-events: none; } .companyNum.companyNumSub a:before{display: none;} .companyNum.companyNumSub img{margin-top: -10px;} p.topP2.comList{margin-bottom: 20px;} .companyNum a:before{ content: '';background: #fff;display: block; z-index: 0;position: absolute; width: calc(100% - 20px); height: calc(100% - 20px); left: 10px; top: 10px;} .companyNum a:hover:before {background:rgba(255,255,255,0.7);} .companyNum p{font-size: 26px;} .companyNum p span{position: relative;display: inline-block; padding-left: 2px;} .companyNum p>span:before, .companyNum p>span:after{ content: ""; display: block; background: #333; width: 3px; height: 46px; position: absolute; right: -22px; top: 2px; bottom: 0; margin-top: auto; margin-bottom: auto; -webkit-transform: rotate(25deg); transform: rotate(25deg); } .companyNum p>span:after { right: auto; left: -18px; -webkit-transform: rotate(155deg); transform: rotate(155deg); } .companyNum p span span{font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal;font-size: 64px;color: #fff798;-webkit-text-stroke: 1px #333;text-stroke: 1px #3E3427;line-height: 1.1em;display: inline-block;} .companyNum img{position: relative;margin-top: -20px;margin-bottom: 25px;} .boshuBox{ margin: 0 auto 40px; text-align: center; width: fit-content; } .boshuBox a{ color: #333;display: block; background: #fff;border-radius: 20px;padding: 20px 40px; } .boshuBox a .ttl{ font-weight: 700;margin-bottom: 10px;font-size: 18px; } .boshuBox a .ttl span{ background:linear-gradient(transparent 60%, #fff799 60%); } .boshuBox a .ttl + p span{ text-decoration: underline;text-underline-offset: 2px; } .pc30sp10{ margin-bottom: 30px;} .pc40sp10{ margin-bottom: 40px;} .pc40sp20{ margin-bottom: 40px;} .pcmt30{ margin-top: 30px;} .pcmb20{ margin-bottom: 20px;} .pcmb40{ margin-bottom: 40px;} .pcmb50{ margin-bottom: 50px;} .pcOnlymb15{ margin-bottom: 7px;} .pcOnmb55{ margin-bottom: 53px;} .pcOnmb40{ margin-bottom: 40px;} .pcOnmb60{ margin-bottom: 60px;} .pcRight{ text-align: right;} .pcCenter{text-align: center;} /*スマホ　sumaho*/ @media only screen and (max-width: 780px){ body{ font:14px/1.6 ArialMT; font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; } .onlyPC { display: none;} .onlySP { display: block;} img.onlySP { display: inline-block;} /*---------------------------------------------------- header ----------------------------------------------------*/ #header .headerLogo{ width: 96%; float: none; padding: 10px 0 10px;margin-left: auto; margin-right: auto; } #header #navi{width: 100%;float: none;} #header #navi ul{ display: table; table-layout:fixed; border-collapse: collapse; width: 100%; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;} #header #navi li{ display:table-cell; border-collapse: collapse; width: 25%; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 4px solid #ff6085; border-top: none; text-align: center; padding: 10px 10px; position: relative; } #header #navi li a{ display: block; width: 100%; height: 100%;} #header #navi li:nth-child(2){ border-bottom: 4px solid #e89f00;border-top: none;} #header #navi li:nth-child(3){ border-bottom: 4px solid #86db00;border-top: none;} #header #navi li:nth-child(4){ border-bottom: 4px solid #5b83ff;border-top: none;} #header #navi.navi02 li:first-of-type{ border-bottom: 4px solid #ffca1e;border-top: none;} #header #navi.navi02 li:nth-child(2){ border-bottom: 4px solid #49ceca;border-top: none;} #header #navi.navi02 li:nth-child(3){ border-bottom: 4px solid #f26886;border-top: none;} #header #navi.navi02 li:nth-child(3){ border-bottom: 4px solid #d3a8ec;border-top: none;} .contents{ width:100%; margin:0 auto;} .contents img{ max-width:100%;} .contentsSp100{width:100%; margin:0 auto;} .contentsSp96{width:96%; margin:0 auto;} .contentsWrap{ width: 100%; padding:10px 0 0;min-width:inherit;min-width:100%;} /*---------------------------------------------------- TOP ----------------------------------------------------*/ #newWrap{ width: 100%; min-width:inherit; min-width:100%; background: #252525; } #newWrap .newBox{ width: 100%; background:none; padding: 0; } #newWrap .newBox a{ color: #fff;} #newWrap .newBox .bx_slider,#newWrap .newBox .bx_slider>li{ width: 100%!important; padding: 0;} #newWrap .newBox a ul.newBoxIn{ display: block; width: 100%; vertical-align: bottom; height: auto; background:#000 url(./img/icon_link.png) no-repeat right bottom; } #newWrap .newBox a:hover ul.newBoxIn{ background:#252525 url(./img/icon_link.png) no-repeat right bottom; } #newWrap .newBox a ul.newBoxIn li.photo{ width: 100%; display: block; float: none; vertical-align: bottom; line-height: 0; } #newWrap .newBox a ul.newBoxIn li.photo img{ max-width: 100%;} #newWrap .newBox a:hover ul.newBoxIn li.photo img{ opacity:0.5;filter:alpha(opacity=50); } #newWrap .newBox a ul.newBoxIn li.txt{ display:block; width: 100%; float: none; padding: 20px 20px 40px; border-top: 4px solid #ff6085; } #newWrap a .category,#newWrap a .date{ display: inline-block; margin-right: 10px; margin-bottom: 10px;} #newWrap a .ttlBox{ padding:0 10px 20px 60px; margin-bottom: 10px;} #newWrap a .txt .ttl{ font-size: 130%; font-weight: bold; margin-bottom: 10px; margin-top: -45px; margin-left: 60px;} #newWrap .newBox a ul.newBoxIn li.txt.c02{ border-top: 4px solid #e89f00; } #newWrap .newBox a ul.newBoxIn li.txt.c03{ border-top: 4px solid #86db00; } #newWrap .newBox a ul.newBoxIn li.txt.c04{ border-top: 4px solid #5b83ff; } .topArchive{ width: 100%; margin-right: 0; margin-bottom: 40px;} .topArchive li{ width: 100%; float: none; position: relative; margin-right: 0; margin-bottom: 30px; } .topArchive li:nth-child(1){ width: 100%; float: none; position: relative; margin-bottom: 30px; } .topArchive li:nth-child(2){ width: 100%;float: none;} .topArchive li .txt{ padding: 20px; width: 94%; } .topArchive li:nth-child(1) .txt,.topArchive li:nth-child(2) .txt{width: 94%;} .topArchive li a:hover .txt,.topArchive li a:hover img{opacity:0.8;filter:alpha(opacity=80);} .eventTxt { text-align: left; margin-bottom: 60px; width: 92%;margin-left: auto;margin-right: auto; font-size: 13px; line-height: 1.3em;} .eventTxt img{ margin-right: 10px;display: block; float: left;} .eventTxt p{display: block; margin-top:0px; float: left; width: 100%; margin-left: -50px; padding-left: 50px;} .topArchive.writerList li:nth-child(1), .topArchive.writerList li:nth-child(2){ width: 100%;} .gallerySortNavi{ width: 96%; float: none; margin-bottom: 20px;margin-left: auto; margin-right: auto; text-align: center;} .gallerySortNavi li{ display:inline;} .gallerySortNavi li a{ display: inline-block; text-align: center; text-decoration: none; margin-bottom: 10px; width: 46px; height: 46px; line-height: 46px; } .pageTop{ text-align: center; vertical-align: bottom; line-height: 1em; } .pageTop img{ vertical-align: bottom;} /*---------------------------------------------------- footer ----------------------------------------------------*/ #footer{ width: 100%;padding: 20px 0 0; color: #fff;} #footer h4{ font-weight: bold; font-size: 110%; margin-bottom: 10px; width: 96%;margin-left: auto; margin-right: auto;} #footer .ftSiteMap{ font-size: 100%; width: 96%; float: none; padding-top: 10px; margin-left: auto; margin-right: auto; margin-bottom: 25px; border-top: 1px solid #fff; padding-top: 10px;} #footer .ftSiteMap li{ display: block; width: 49%; float: left; margin-bottom: 10px;} #footer .ftSiteMap li.onlyPC{display: none;} #footer .ftSiteMap li:nth-child(2n){ float: right;} #footer .ftSiteMap li:before { content:""; margin-right: 0; margin-left: 0;} #footer .ftSiteMap li:first-child:before { content:""; margin-left: 0;} #footer .ftSnsBox{ width: 96%; float: none; margin-bottom: 15px; margin-left: auto; margin-right: auto;border-top: 1px solid #fff; padding-top: 15px;text-align: center; } #footer .ftSnsBox ul li{ display: inline-block; margin-right: 5px; } #copyright{ border-top: none; padding-top: 0;} /*---------------------------------------------------- 下位common ----------------------------------------------------*/ .contentsSub{ padding-top: 10px;} .contentsWrap.contentsWrapSubCont{ border-top: none;padding:0 0 0;} .breadcrumb ul{ width: 96%; margin:0 auto; padding: 10px 0; font-size: 80%;} .table01 th,.table01 td { width:100%; display:block;} #sideBar{ width: 100%; float:none;} #main{ width: 100%; float:none; margin-bottom: 20px;} .subCont{ background: #fff; padding: 0 0 20px; border-top: 4px solid #ff6085; } .subCont.c02{border-top: 4px solid #e89f00;} .subCont.c03{border-top: 4px solid #86db00;} .subCont.c04{border-top: 4px solid #5b84fe;} .subCont .ttlBox{ background:url(./img/icon_top01.png) no-repeat 2% center; -webkit-background-size: 48px; background-size: 48px; } .c02 .subCont .ttlBox{ background:url(./img/icon_top02.png) no-repeat 2% center;-webkit-background-size: 48px;background-size: 48px;} .c03 .subCont .ttlBox{ background:url(./img/icon_top03.png) no-repeat 2% center;-webkit-background-size: 48px;background-size: 48px;} .c04 .subCont .ttlBox{ background:url(./img/icon_top04.png) no-repeat 2% center;-webkit-background-size: 48px;background-size: 48px;} .subCont .ttlDate p{ margin-bottom: 0;} .subCont .ttlDate{ background:none; padding: 20px 0 0 70px; margin-bottom: 0; font-weight: bold;} .c02 .subCont .ttlDate{background:none;} .c03.subCont .ttlDate{background:none;} .c04 .subCont .ttlDate{background:none;} .subCont .ttlDate .category{ margin-right: 5px;} .subCont .ttlDate .date,.subCont .ttlDate .category{ display: inline-block;} .subCont .ttlBox .ttl{ padding-left: 70px; font-size: 130%;} .snsBox li{ width: 49%; float: left; padding:0 1%; } .snsBox li img.onlyPC{ display: none;} .snsBox li:nth-child(2n){ float: left;} .snsBox li:last-child{ display: block; float: right;} .snsBox li img{ margin-bottom: 0;} .snsBox li img.onlySP{ display: block;} #sideBar h3{ font-size: 110%; font-family: Century Gothic,CenturyGothic,sans-serif; line-height: 1em; margin-bottom: 10px; width: 96%; margin-left: auto; margin-right: auto; } #sideBar ul{ border-top: none; padding-bottom: 20px; } #sideBar ul li{ border-bottom: 1px solid #e7e2ce; padding: 10px 2%; font-size: 90%; } #sideBar ul li a{ display: block; margin-left: auto; margin-right: auto; width: 100%;} #sideBar ul li a{ color: #000; width: 100%;} #sideBar ul li a:hover img,#sideBar ul li a:hover p{ opacity:0.6;filter:alpha(opacity=60);} #sideBar ul li .photo{ margin-bottom: 3px; width: 100px; float: left; } #sideBar ul li .txtWrap{ width: 100%; margin-left: -100px; float: left;} #sideBar ul li .txt{ margin-left: 110px;} #sideBar ul li .category{ background:url(./img/icon_side01.png) no-repeat left 48%; font-size: 84%; font-weight: bold; color: #ff6085; padding-left: 20px; margin-bottom: 3px; } #sideBar ul li .category.c02{background:url(./img/icon_side02.png) no-repeat left 46%; color: #e89f00;} #sideBar ul li .category.c03{background:url(./img/icon_side03.png) no-repeat left 46%; color: #86db00;} #sideBar ul li .category.c04{background:url(./img/icon_side04.png) no-repeat left 46%; color: #5b84fe;} #sideBar ul li .ttl{ font-weight: bold; font-size: 106%;} #sideBar ul li .date{ font-size: 82%;} #sideBar ul li .date span{ font-weight: bold;} #sideBar ul li:nth-child(1) .photo,#sideBar ul li:nth-child(2) .photo,#sideBar ul li:nth-child(3) .photo,#sideBar ul li:nth-child(4) .photo{ width: 100px; float: left; } #sideBar ul li:nth-child(1),#sideBar ul li:nth-child(2),#sideBar ul li:nth-child(3)),#sideBar ul li:nth-child(4){ font-size: 90%;} #sideBar ul li:nth-child(1) .txtWrap,#sideBar ul li:nth-child(2) .txtWrap,#sideBar ul li:nth-child(3) .txtWrap,#sideBar ul li:nth-child(4) .txtWrap{ width: 100%; margin-left: -100px; float: left;} #sideBar ul li:nth-child(1) .txt,#sideBar ul li:nth-child(2) .txt,#sideBar ul li:nth-child(3) .txt,#sideBar ul li:nth-child(4) .txt{ margin-left: 110px;} #sideBar ul li:nth-child(1) .ttl,#sideBar ul li:nth-child(2) .ttl,#sideBar ul li:nth-child(3) .ttl,#sideBar ul li:nth-child(4) .ttl{ margin-bottom: 5px;} .senpaiTtl,.senpaiTtl02{ text-align: left;} .senpaiAbout{ margin-bottom: 20px;} .senpaiAbout li.photo{ width: 100%; float: none; text-align: center; } .senpaiAbout li.photo img{ display: block; margin-left: auto; margin-right: auto;} .senpaiAbout li.txt{ width: 100%; float: none; } .senpaiAbout dl dt{ float: left; width: 70px; } .senpaiAbout dl dd { margin-left: 80px; } .senpaiAbout dl dd:before { content:"："; margin-left: -1em;} .senpaiCont{ width: 100%; margin: 0 auto 20px; } .senpaiCont dt{ clear: none; float: none; width: 100%; text-align: left; margin-bottom: 0; font-weight: bold; } .senpaiCont dt.icon_mejiron span{ display: inline-block; width: 130px; height: 40px; background: url(./img/icon_mejiron.png) no-repeat left center; margin-right: 30px; } .senpaiCont dd.icon_mejiron{ padding-top: 0; margin-bottom: 20px;} .senpaiCont dd{ margin-left: 0; margin-bottom: 30px; } .kateteBox{ background: #fffae6; padding: 10px 5px; font-size: 110%; text-align: center; margin-bottom: 30px; } .tourokuBanner{margin-bottom: 60px;} .tourokuBanner img{ max-width: 96%;margin-left: auto; margin-right: auto;} .categoryJob{ margin-bottom: 60px; width: 96%;margin-left: auto; margin-right: auto;} .categoryJob li a{ display: block; width: 49%; margin-right: 0; padding: 12px 5px 11px; margin-bottom: 5px; font-size: 84%; -webkit-background-size: 12px; background-size: 12px; } .categoryJob li:nth-child(2n) a{ float: right;} .categoryJob li:hover a{ -webkit-background-size: 12px; background-size: 12px;} .categoryJobSub{ margin-bottom: 40px; text-align: center; width: 96%;margin-left: auto; margin-right: auto; } .categoryJobSub li{ text-align: center;} .categoryJobSub li a{ display: inline-block; background: #fff url(./img/icon_link.png) no-repeat right bottom; -webkit-background-size: 24px; background-size: 24px; width: 49%; margin-right: 0; float: left; border: 1px solid #e6e6e6; font-weight: bold; font-size: 96%; color: #000; padding: 12px 10px 11px; text-align: center; margin-bottom: 2%; text-align: center; } .categoryJobSub li:last-child a{ float: right;} .categoryJobSub li a img{ display: block; margin-left: auto; margin-right: auto; margin-bottom: 5px; width: 35%;} .categoryJobSub li:last-child a,.categoryJobSub li:nth-child(5) a{ margin-right: 0;} .categoryJobSub li a:hover{ background: #fefae8 url(./img/icon_link.png) no-repeat right bottom; color: #4587f9;} .categoryJobSub.nourin{ width: 96%; margin-left: auto; margin-right: auto;} .categoryJobSub.kyouiku{ width: 96%; margin-left: auto; margin-right: auto;} .categoryJobSub.koumu{ width: 96%; margin-left: auto; margin-right: auto;} .bannerMovie{ margin-bottom: 60px; width: 96%; margin-left: auto; margin-right: auto;} .bannerMovie .box01,.bannerMovie .box02{ border: 1px solid #000; padding: 5px; } .bannerMovie .box01 img,.bannerMovie .box02 img{ vertical-align: bottom; display: block;margin-left: auto; margin-right: auto;} .bannerMovie .box01{ width: 100%; float: none; margin-bottom: 20px;} .bannerMovie .box02{ width: 100%; float: none;} .bannerMovie .box01 .txtBox{ text-align: center; width: 100%; float: none; font-size: 120%; font-weight: bold; margin-bottom: 20px;} .bannerMovie .box01 .txtBox p{margin-top: 15px;} .bannerMovie .box01 .photoBox{ width: 100%; float: none;} .categoryJobSub.nourin.koumu02 li:first-child a{ display: block;float: none;margin-left: auto;margin-right: auto;margin-bottom: 20px;} .categoryJobSub.nourin.koumu02 li:nth-child(2) a, .categoryJobSub.nourin.koumu02 li:nth-child(3) a{ margin-bottom: 0;} .koumuBanner{ margin-bottom: 40px; width: 96%;margin-left: auto; margin-right: auto; padding-left: 0;} .koumuBanner li{ width: 49%;float: left;} .koumuBanner li:nth-child(2n){ float: right;} .ico01{ float: left; width: 100%; text-align: left; margin: 0} .textIco{ float:none; width: 100%;} .ico01 img{float: left;margin-bottom: 10px} .scheduleBox{ width: 96%;margin-left: auto;margin-right: auto; margin-bottom: 40px;} .scheduleBox span:last-child{ display: block;margin-top: 10px;} .scheduleBox02{ background: #fff ; background-image: none; padding: 20px 10px; margin-bottom: 40px; width: 96%; font-size: 14px;} .scheduleBox02 h3{ font-size: 18px;} .scheduleBox02 li{ margin-bottom: 20px;} .scheduleBox02 span{ display: inline-block;} .scheduleBox02 span.scheduleData{ color: #818181; width: 190px; float: none;} .scheduleBox02 span.scheduleDay{ width: 90px;} .scheduleBox02 span.txtCont{ width: 100%; margin-left: 0;padding-left: 0; float: none; display: block;} .scheduleBox02 a{ color: #000; text-decoration: underline;} .scheduleBox02 a:hover{ color: #5b84fe; text-decoration: none;} .scheduleBox02 p{ text-align: center;} .scheduleBox02 p a{ display: inline-block; position: relative;background: url(./img/icon_arw.png) no-repeat 100% 46%; -webkit-background-size: 13px;background-size: 13px; padding-right: 18px;} .topBannerList,.topBannerList02{ width: 96%;margin-left: auto;margin-right: auto;} .topBannerList li{ width: 100%; float: none; margin-bottom: 10px;} .topBannerList li:last-child{ float: none;} .topBannerList02{ margin-bottom: 60px;} .topBannerList02 li{ width: 100%; margin-right: 0; float: none; margin-bottom: 10px;} /* --------------------------------------------------------- カテゴリ改修 --------------------------------------------------------- */ .contents .headerLogo img{ max-width: 240px;} form#searchform input[type="text"]{ width: 220px;} .s_drawer-overlay.s_overlay-on, .s_drawer-open .s_drawer-overlay.s_overlay-on{ display: none; } .ico01{ float: left; width: 100%; text-align: left !important; margin: 0 !important} .textIco{ float:none; width: 100%;} .ico01 img{float: left;margin-bottom: 10px !important} #wrapper{ /*padding-bottom: 30px;*/} img.bn100th{ z-index: 100000;} .btnRecruit { margin-bottom: 40px; margin-top: 40px;} .btnRecruit a{ padding: 14px 0 13px; font-size: 18px; } .btnRecruit a span:first-of-type{ padding-right: 20px;} .btnRecruit a span:last-of-type{ font-size: 13px; line-height: 1.4em;font-weight: normal;} .btnRecruit a span:first-of-type:after{ font-size: 14px; height: 14px; } .writerBox.writerBox02 ul{ margin-top: 10px;display: block;height: auto;} .writerBox.writerBox02 ul li:first-of-type{ display: block; width: 100%; margin-bottom: 20px;} .writerBox.writerBox02 ul li:last-of-type{ display: block; width: 100%;} .writerBox.writerBox02 ul li:last-of-type p{text-align: justify;} .writerBox.writerBox02 ul li:first-of-type img{margin-left: auto;margin-right: auto;} .writerBox.writerBox02 .textB{ font-size: 16px; vertical-align: bottom;} .workSortTtl{ padding: 5px 0 3px; width: 92%; margin-left: auto;margin-right: auto;} .workSortWrap{ width: 92%; margin-left: auto;margin-right: auto; padding: 10px 10px 5px; margin-bottom: 30px; } .workSortList li button{ padding: 5px 10px; font-size: 13px; margin-bottom: 10px; margin-right: 10px; } #mix-wrapper{ margin-bottom: 80px; width: 92%;margin-left: auto;margin-right: auto;} #mix-wrapper .worksBox{ padding: 20px; width: 100%; float: none; margin:0 auto 20px;} #mix-wrapper .worksBox img{ float: left; width: 90px;} #mix-wrapper .worksBox .jobCategory{ margin-bottom: 10px;} #mix-wrapper .worksBox .jobCategory li{ display: inline-block; font-size: 11px; font-weight: bold; color: #fff; background: #000; margin-right: 10px; padding: 2px 10px;} #mix-wrapper .worksBox .cmpTitle{ font-weight: bold; font-size: 16px; margin-bottom: 10px; padding-bottom: 9px; border-bottom: 1px solid #999; line-height: 1.1em; min-height: inherit; min-height: auto;} #mix-wrapper .worksBox .siteTitleBox{ width: 100%; float: right; margin-left: -100px; padding-left: 100px;} #mix-wrapper .worksBox .linkList li{ width: 100%; float: none; font-size: 13px; text-align: center;} #mix-wrapper .worksBox .linkList li:nth-child(2n){ float: none;} #mix-wrapper .worksBox .linkList li a{ width: 100%;} .topListLink{ width: 96%;margin-left: auto;margin-right: auto;margin-bottom: 0;} .topListLink.mb60{ margin-bottom: 40px;} /*---------------------------------------------------- 202109改修 ----------------------------------------------------*/ #newWrap .newBox a ul.newBoxIn li.txt.c05{ border-top: 4px solid #ffca1e; } #newWrap .newBox a ul.newBoxIn li.txt.c06{ border-top: 4px solid #49ceca; } #newWrap .newBox a ul.newBoxIn li.txt.c07{ border-top: 4px solid #f26886; } #newWrap .newBox a ul.newBoxIn li.txt.c08{ border-top: 4px solid #d3a8ec; } .subCont.c05{border-top: 4px solid #ffca1e;} .subCont.c06{border-top: 4px solid #49ceca;} .subCont.c07{border-top: 4px solid #f26886;} .subCont.c08{border-top: 4px solid #d3a8ec;} .c05 .subCont .ttlBox{ background:url(./img/icon_sub05.png) no-repeat 2% center;-webkit-background-size: 48px;background-size: 48px;} .c06 .subCont .ttlBox{ background:url(./img/icon_sub06.png) no-repeat 2% center;-webkit-background-size: 48px;background-size: 48px;} .c07 .subCont .ttlBox{ background:url(./img/icon_sub07.png) no-repeat 2% center;-webkit-background-size: 48px;background-size: 48px;} .c08 .subCont .ttlBox{ background:url(./img/icon_sub08.png) no-repeat 2% center;-webkit-background-size: 48px;background-size: 48px;} .c05 .subCont .ttlDate{ background: none;} .c06 .subCont .ttlDate{ background: none;} .c07 .subCont .ttlDate{ background: none;} .c08 .subCont .ttlDate{ background: none;} #sideBar ul li .category.c05{background: url(./img/icon_side05.png) left 46% / 14px no-repeat; color: #ffca1e;} #sideBar ul li .category.c06{background: url(./img/icon_side06.png) left 46% / 18px no-repeat; color: #49ceca;} #sideBar ul li .category.c07{background: url(./img/icon_side07.png) left 46% / 18px no-repeat; color: #f26886;} #sideBar ul li .category.c08{background: url(./img/icon_sub08.png) left 46% / 16px no-repeat; color: #c889ec;} .companyNum{ width: 92%;margin-left: auto; margin-right: auto;} .companyNum p{font-size: 18px;} .companyNum a:before{ width: calc(100% - 14px); height: calc(100% - 14px); left: 7px; top: 7px;} .companyNum p>span{padding-left: 0;padding-right: 0px;} .companyNum p>span:before, .companyNum p>span:after{ height: 32px; right: -18px; } .companyNum p>span:after{left: -14px;} .companyNum p span span{font-size: 44px;letter-spacing: -0.02em;} .companyNum img{max-width: 80%;margin-top: -10px;} .pcBox49p{ width: 100%;} .pc30sp10{ margin-bottom: 10px;} .pc40sp10{ margin-bottom: 10px;} .pc40sp20{ margin-bottom: 20px;} .spmt10{ margin-top: 10px;} .spmt20{ margin-top: 20px;} .spmb10{ margin-bottom: 10px;} .spmb20{ margin-bottom: 20px;} .spmb30{ margin-bottom: 30px;} .pcmb20{ margin-bottom: 0;} .pcmb50{ margin-bottom: 20px;} .pcmb40{ margin-bottom: 10px;} .pcOnmb55{ margin-bottom: 0;} .pcOnmb60{ margin-bottom: 0;} .spPd30{ padding:30px 0; text-align: center;} .spCrearBox .box49p,.spCrearBox .box50p,.wrap94 .box49p,.wrap80 .box49p{ width: 100%; text-align: center;} .spCrearBox fl,.spCrearBox fr,.wrap94 fl,.wrap94 fr,.wrap80 fl,.wrap80 fr,.spCrearBox img.fl,.spCrearBox img.fr{ float:none;} .sp96Wrap{ width: 96%; margin-left: auto; margin-right: auto;} .pcCenter{ text-align: left;} .spCenter{ text-align: center;} } /* --------------------------------------------------------- 汎用ボタン --------------------------------------------------------- */ .btn a,input.btn{ -webkit-appearance: none; display:block; margin:20px auto; background:#FFF798; font-size:160%; font-weight: bold; width: 50%; text-align: center; padding:12px 10px 11px; border-radius: 5px; -webkit-border-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-radius: 5px; /* Firefox用 */ color: #000; text-decoration: none; } .btn a:hover,input.btn:hover{ background:#232323; color: #FFF798;} .btn.sp100 a{width: 88%;} .btn2 a,input.btn2{ -webkit-appearance: none; display:block; margin:20px auto; background:#88BF0B; font-size:120%; font-weight: bold; width: 50%; text-align: center; padding:12px 10px 11px; border-radius: 5px; -webkit-border-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-radius: 5px; /* Firefox用 */ color: #fff; text-decoration: none; } .btn2 a:hover,input.btn2:hover{ background:#FF9800;} @media only screen and (max-width: 667px){ .btn2 a,input.btn2{ width: 70%;} } input.clearBtn{ -webkit-appearance: none; background:#fff; text-align: center; padding:4px 5px 3px; border-radius: 5px; -webkit-border-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-radius: 5px; /* Firefox用 */ border: 1px solid #999; min-height:10px; margin-left: 5px; } input.clearBtn:hover{ background:#f5f5f5;} /* --------------------------------------------------------- フォーム、フォーム バリデーション --------------------------------------------------------- */ .top_select1 select,.top_select2 select,.top_select3 select,.top_select4 select{ -webkit-appearance: button; -moz-appearance: button; appearance: button; border-radius:0px; width: 255px; height: 38px; line-height: 38px; font-size: 13px; padding-left:3px; color: #333; border: 1px solid #ccc; cursor: pointer; background: #fff url(../img/arrow.png) no-repeat right center; /* Old browsers */ border-radius: 3px; /* CSS3草案 */ -webkit-border-radius: 3px; /* Safari,Google Chrome用 */ -moz-border-radius: 3px; /* Firefox用 */ } /* input base */ input[type=text],input[type=tel], textarea { padding:10px; text-align:left; border:1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input:focus,textarea:focus { border:solid 1px #EEA34A; } input{ min-height:40px;} input[type=image]{ max-width:100%; height:auto;} input[type=checkbox], input[type=radio]{ margin-right:5px; } input[type=text],input[type=tel] { width: 70%; font-size:1.1em;display:block;} textarea { width:98%; font-size:1em;display:block;} @media only screen and (max-width: 420px){ input[type=text],input[type=tel] { width: 100%; font-size:1.4em;display:block;} textarea { width:100%; font-size:1em;display:block;} } label, input[type=text], input[type=tel], input[type=checkbox], input[type=radio] { display:inline; vertical-align: middle!important;} labei{vertical-align: middle!important;} input.myError, textarea.myError{ background:#FFE8ED; } p.myError{ color:#F00; padding-top:10px; font-weight:bolder; display:block; clear:both; } /* ------------------------------------------------ 　common ---------------------------------------------- */ .fl { float:left;} .fr { float:right;} .mb0 { margin-bottom:0px;} .mb5 { margin-bottom:5px;} .mb9 { margin-bottom:9px;} .mb10 { margin-bottom:10px;} .mb15 { margin-bottom:15px;} .mb20 { margin-bottom:20px;} .mb25 { margin-bottom:25px;} .mb30 { margin-bottom:30px;} .mb40 { margin-bottom:40px;} .mb50 { margin-bottom:50px;} .mb60 { margin-bottom:60px;} .mb70 { margin-bottom:70px;} .mb80 { margin-bottom:80px;} .mb90 { margin-bottom:90px;} .mb120 { margin-bottom:120px;} .mb150 { margin-bottom:150px;} .ml5 { margin-left:5px;} .ml10 { margin-left:10px;} .ml12 { margin-left:12px;} .ml13 { margin-left:13px;} .ml15 { margin-left:15px;} .ml20 { margin-left:20px;} .ml25 { margin-left:25px;} .ml30 { margin-left:30px;} .mr5 { margin-right:5px;} .mr10 { margin-right:10px;} .mr15 { margin-right:15px;} .mr20 { margin-right:20px;} .mr30 { margin-right:30px;} .mt5 { margin-top:5px;} .mt10 { margin-top:10px;} .mt15 { margin-top:15px;} .mt20 { margin-top:20px;} .mt30 { margin-top:30px;} .mt40 { margin-top:40px;} .mt50 { margin-top:50px;} .mt60 { margin-top:60px;} .pt5 { padding-top:5px;} .pt10 { padding-top:10px;} .pt20 { padding-top:20px;} .pt30 { padding-top:30px;} .pt40 { padding-top:40px;} .pb5 { padding-bottom:5px;} .pb10 { padding-bottom:10px;} .pb20 { padding-bottom:20px;} .pb100{ padding-bottom: 100px;} .text10{ font-size:66%; } .text11{ font-size:70%; } .text12{ font-size:86%; } .text13{ font-size:93%; } .text14{ font-size:100%; } .text16{ font-size:115%; } .text18{ font-size:129%; } .text20{ font-size:143%; } .text24{ font-size:172%; } .text28{ font-size:200%; } .text30{ font-size:214%; } .textC { text-align:center;} .textR { text-align:right;} .textL{ text-align: left;} .textB { font-weight:bolder;} .textN{ font-weight: normal;} .red { color:#D80000;} .blue{ color: #639fdf;} .green{ color: #008C00;} .pink{ color: #FF6085;} .orange{ color: #FF9900;} .gray01{ color:#2D2D2D;} .gray02{ color:#5E5E5E;} .gray03{ color:#9C9C9C;} .gray04{ color:#C5C5C5;} .box10p { width: 10%;} .box15p { width: 15%;} .box20p { width: 20%;} .box35p { width: 35%;} .box40p { width: 40%;} .box45p { width: 45%;} .box49p { width: 49%;} .box50p { width: 50%;} .box55p { width: 55%;} .box60p { width: 60%;} .box80p { width: 80%;} .lrAuto{ margin-left:auto; margin-right:auto;} .link a{ color:#FD7E33; text-decoration:underline; font-weight:bold;} .link a:hover{ text-decoration:none;} .va_b{ vertical-align:bottom;} .va_m{ display:inline-block;vertical-align:middle;} .va_t{ vertical-align: top;} .wp-pagenavi .pages{ display: none!important;} @media only screen and (max-width: 420px) { #footer .ftSiteMap{margin-bottom: 0;} #footer .ftSiteMap li{ width: 100%; float: none;} #footer .ftSiteMap li:nth-child(2n){ float: none;} #footer .ftSiteMap li:last-of-type{margin-bottom: 0;} }