@charset "UTF-8";

/* ----------------------------------
 ブランディング - 共通
---------------------------------- */
.pane-header .container { padding-top: 0;}

main.detail * { line-height: 2.0; letter-spacing: 0;}
main.detail .branding-detail-block-imgArea .imgInner.left { max-width: unset;}
main.detail .branding-detail-block-imgArea figure._01 { width: auto; max-width: unset; padding: 0; dispaly: block;}

main.contents * { line-height: 2.0; letter-spacing: 0;}
.idx-contents-card-link._01 { background:linear-gradient(transparent 60%,rgba(0,0,0,.6)),url(/cms/images/index/block03_01.jpg); background-size:cover;}
.idx-contents-card-link._02 { background-image:linear-gradient(transparent 60%,rgba(0,0,0,.6)),url(/cms/images/index/block03_02.jpg); background-size:cover;}
.idx-contents-card-link._03 { background-image:linear-gradient(transparent 60%,rgba(0,0,0,.6)),url(/cms/images/index/block03_03.jpg); background-size:cover;}
.idx-contents-card-link._04 { background-image:linear-gradient(transparent 60%,rgba(0,0,0,.6)),url(/cms/images/index/block03_04.jpg); background-size:cover;}

.branding-detail-card-link._01 { background-image: url(/cms/images/branding/img_footer_01.jpg) !important;}
.branding-detail-card-link._02 { background-image: url(/cms/images/branding/img_footer_02.jpg) !important;}
.branding-detail-card-link._03 { background-image: url(/cms/images/branding/img_footer_03.jpg) !important;}
.branding-detail-card-link._04 { background-image: url(/cms/images/branding/img_footer_04.jpg) !important;}

@media screen and (max-width: 47.938em) {
  main.detail .mod-head01 .mod-head01-inner,
  main.detail .mod-head01 .mod-head01-inner span { font-size: 2.2rem}
	
  .idx-contents-card-link._01 { background:linear-gradient(transparent 60%,rgba(0,0,0,.6)),url(/cms/images/index/block03_01_sp.jpg) no-repeat center center/cover}
  .idx-contents-card-link._02 { background:linear-gradient(transparent 60%,rgba(0,0,0,.6)),url(/cms/images/index/block03_02_sp.jpg) no-repeat center center/cover}
  .idx-contents-card-link._03 { background:linear-gradient(transparent 60%,rgba(0,0,0,.6)),url(/cms/images/index/block03_03_sp.jpg) no-repeat center center/cover}
  .idx-contents-card-link._04 { background:linear-gradient(transparent 60%,rgba(0,0,0,.6)),url(/cms/images/index/block03_04_sp.jpg) no-repeat center center/cover}
}

@media screen and (max-width: 1000px) {
	main.contents .mod-topicPath { padding: 20px 10px;}
	main.contents .mod-topicPath_sp { margin-top: 40px;}
}