.modSideArticleList {
list-style-type: none;
padding: 0;
margin: 0;
}
.modSideArticleList li {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.modSideArticleLink {
display: flex;
align-items: center;
text-decoration: none;
color: #111111;
}
.modSideArticleLinkText {
margin-left: 10px;
flex-grow: 1;
}
.modSideArticleLinkTitle {
font-size: 1.4rem;
font-weight: bold;
margin: 0;
color: #111111;
}
.dCategory {
font-size: 1.2rem;
color: #666666;
}
.modSideArticleLinkImg {
width: 100px;
height: 66px;
overflow: hidden;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.modSideArticleLinkImg img {
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
}
.modSideArticleLink {
align-items: flex-start;
}
.modSideArticleLinkText {
margin-top: 0;
margin-left: 10px;
flex-grow: 1;
}
.modMainInnerListImg img {
width: 240px;
height: 160px;
object-fit: cover; object-position: center;
}
.is-style-custom-paragraph {
background-color: #e0e0e0;
padding: 15px;
border-radius: 5px;
}  .is-style-heading-1 {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
margin-bottom: 24px !important;
padding-bottom: 8px !important;
color: #B31312 !important;
font-size: 2.8rem !important;
font-weight: bold !important;
border-bottom: 2px solid #B31312 !important;
} .is-style-heading-2 {
margin-bottom: 20px !important;
color: #2B2B4C !important;
font-size: 2.4rem !important;
font-weight: bold !important;
border: none !important;
} .is-style-heading-3 {
margin-bottom: 20px !important;
color: rgba(17, 17, 17, 0.7) !important;
font-size: 2rem !important;
font-weight: bold !important;
border: none !important;
}
.modBasicSec.dBackNavy, .modBasicSec.dBackRed {
margin: -90px -100px !important;
padding: 90px 100px 80px !important;
background-repeat: no-repeat;
}
.pSearchBox.mdMenu{
color: white;
}
.pMidTitle {
font-size: 2.8rem;
font-weight: bold;
color: #2B2B4C;
margin-bottom: 40px;
}
@media screen and (max-width: 834px) {
.pMidTitle {
font-size: 2.4rem;
margin-bottom: 24px;
}
}
.modal-image,.modal-image2,.isPointer{
cursor: pointer!important;
}
.spOpenMenu{
right: 0 !important;
}
.spOpenMenuZindex{
z-index: 1300;
}
.wallOfMenu {
position: fixed;
width: 100%;
height: 100%;
background-color: black;
opacity: 0; cursor: pointer;
transition: opacity 0.3s ease, z-index 0.3s ease; z-index: -500; pointer-events: none;
}
.wallOfMenu.isView {
opacity: 0.2; z-index: 500; pointer-events: inherit!important;
}
.conceptImageSp {
display: none;
}
@media screen and (max-width: 834px) {
.conceptImagePc {
display: none;
}
.conceptImageSp {
display: block;
}
}
.gbWrap.blogWrap{
padding: 0px 80px 0;
}
.modBreadcrumbs.blogCrumbs{
margin: 20px 0 28px;
}
@media screen and (max-width: 1220px) {
.gbHeaderLogoWrap{
display: none;
}
.blogHeader{
margin-top: 84px;
}
.modSideArea {
border-left: none!important;
display: flex;
padding-left: 0!important;
margin-left: 0!important;
}
.modSideArea div:first-child{
margin-right:50px;
}
}
@media screen and (max-width: 566px) {
.blogHeader{
margin-top: 68px;
display: block;
}
.modSideArea {
margin: 80px auto 0!important;
padding: 0!important;
border-left: none!important;
display: block;
}
.md2Column{
display: table;
margin: 0 auto;
}
.md2Column li{
width: 100% !important;
}
}
.gbFooterLowSpace{
margin-top: 132px;
}
.igLowSpace{
margin-bottom: 0!important;
padding-bottom: 0!important;
}
.isNoMarginHeight{
margin-top:0!important;
margin-bottom:0!important;
padding-top:0!important;
padding-bottom:0!important;
}
.isPaddingTop20{
padding-top:20px!important;
}
.modGsTopTypo.md1Line {
height: 160px;
}
@media screen and (min-width: 1475px) {
.modGsTopTypo.md1Line {
height: 11vw;
}
}
@media screen and (max-width: 1220px) {
.modGsTopTypo.md1Line {
height: 120px;
}
}
@media screen and (max-width: 767px) {
.modGsTopTypo.md1Line {
height: 80px;
top: -50px;
}
}
.gbHeaderSpNavBtn{
padding:10px;
}
.isFloatRightPc{
text-align: right;
display: block;
}
@media screen and (max-width: 566px) {
.isFloatRightPc{
text-align: left;
margin-bottom: 48px;
margin-top: -16px;
}
}
.pBlueTitle,.modBasicSecSubTitle{
font-size:2.4rem!important;
}
.isMBottom0{
margin-bottom: 0;
}
.isMTop0{
margin-top: 0;
}
.isPBottom0{
padding-bottom: 0;
}
.dImg img{
border:1px solid #ccc;
}
.mdNotTopForPC{
padding: 0 80px;
}
@media screen and (max-width: 767px) {
.mdNotTopForPC {
padding: 20px;
}
}
@media screen and (max-width: 1220px) {
.gbHeader.hidden {
opacity: 0; margin-top: -100px; }
.gbHeader {
transition: margin-top 0.4s ease, opacity 0.4s ease; margin-top: 0; opacity: 1; }
}
.pSkyBlueLineBtnM {
color: #1D8DC0;
border-radius: 4px;
border: 1px solid #1D8DC0;
}
.pSkyBlueLineBtnM::after {
content: "";
display: block;
width: 20px;
height: 20px;
margin-left: 12px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url(//youjin-g.co.jp/wp-content/themes/garage_main_site/images/circleSkyblueRight.svg);
}
.pSkyBlueSircleArrowBtn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #1D8DC0;
font-size: 1.6rem;
text-decoration: none;
}
.pSkyBlueSircleArrowBtn::after {
content: "";
display: block;
width: 20px;
height: 20px;
margin-left: 12px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url(//youjin-g.co.jp/wp-content/themes/garage_main_site/images/circleSkyblueRight.svg);
}
.pRemoveButton{
display: none;
text-align: right;
float: right;
}
@media screen and (max-width: 1220px) {
.pRemoveButton{
display: block;
text-align: right;
float: right;
}
}
.blogHeaderInnerSP{
display: none;
}
@media screen and (max-width: 767px) {
.blogHeaderInnerSP{
display: block;
}
.blogHeaderInnerPC{
display: none;
}
}
.lpWindow{
background-color: #FD7900!important;
}
.lpWindow.gbHeaderUnderSearchLink:before{
display: none!important;
}
.lyTopBannerWrap{
margin-bottom: 70px;
}
.lyTopBannerPC{
display: block;
}
.lyTopBannerSP{
display: none;
}
@media screen and (max-width: 566px) {
.lyTopBannerSP{
display: block;
}
.lyTopBannerPC{
display: none;
}
}