CHJ就労支援サイト RRページ追加に伴うCSS・PHPの変更

チャレンジドジャパン就労支援サイト　軽井沢ページ追加に伴うCSSの変更

ウェブフォントの指定

/*RATTARATTARR ページ　ウェブフォントの指定*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400&family=Zen+Old+Mincho&display=swap');

.page-id-69202 {
	font-family: 'Noto Sans JP', sans-serif;
}

その他CSS

/*************************************************
 '21/11/10 追加　　軽井沢センター用　CSS
*************************************************/

.page-id-69202 {
	/*color : #696969;*/
	color : #585858;
}
.page-id-69202 h2{
	color : #585858 !important;
}
.page-id-69202 p{
	font-size:15px;
	line-height:2.1em;
}

.rr-title{
	font-size:18px;
}
.rr-color{
	color : red;
}
.f16{
	font-size:16px;
}

/*スライダー
@media (max-width: 750px) { .swiper-wrapper {
	width:30%;
	height:100px
}}*/

/*軽井沢用メニューの表示　（軽井沢にだけメニューを表示するためのコードは、header.php にて設定*/

/*メニューをデフォルトの右寄せから中央揃えにする*/
@media (min-width: 992px){
.navbar-header {
    float: none;
}
.navbar-brand {
    text-align: center;
    float: none;
}/*
.navbar-brand img {
    display: inline;
    text-align: center;
}*/
ul.gMenu {
	float: none;
	position: relative;
	left: 50%;
	display: inline-block;
	text-align: center;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
}

/*メニュー表示用　細かい調整css*/
.page-id-69202 navbar-header{
	display:none !important;
}

.gMenu > li:before {
    border-bottom:none;
}
.gMenu > li {
	font-size:16px;
	color:#585858;
	padding:0 1.5em 0 1.5em;
}
.gMenu a:hover{
	background-color:#dcdcdc;
}
.gMenu_outer{
	width: 100%;
	padding:1em 0 -1em;
/*	margin-bottom:-1em;*/
}
.menu-item{
	border-right: dashed 1px #c0c0c0;
}
.menu-item:first-child{
	border-left: dashed 1px #c0c0c0;
}


/*RRページの文章列幅*/
@media (min-width: 751px) {.rr-width{
	margin-left:18%;
	margin-right:18%;
	margin-top:1em;
}}
@media (max-width: 750px) {.rr-width{
	margin-left:4%;
	margin-right:4%;
	margin-top:1em;
}}
/*活動内容サブタイトル列幅*/
@media (min-width: 751px) {.ac-width{
	margin-left:10%;
	margin-right:10%;
	margin-top:1em;
}}
@media (max-width: 750px) {.ac-width{
	margin-left:4%;
	margin-right:4%;
	margin-top:1em;
}}
.ac-width p{
	padding:1em 0 0;
	font-size:16px;
}
/*活動内容　　#activities*/
/*背景色グレー*/
.bg-lightgray{
	background-color: #f5f5f5;
}
#activities h3{
	font-size:17px;
	padding: 0.6em 0 0.3em;
}
#activities h4{
	margin:0 !important ;
	padding-left:0 !important ;
}
.bg-w{	
	background: #ffffff ;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom:1em !important;
}

/*クラフト*/
/*背景色白*/
.bg-white{
	padding: 0;
	margin: 0;
	background: #ffffff ;
}
#craft h3{
	border-top:none !important;
	border-bottom:none !important;
	background-color:transparent !important;
}
#craft h3:after, .subSection-title:after {
	 border: none !important;
    border-bottom : none !important;
	 background-color:transparent !important;
	content:none;
	margin-bottom:-1em;
}




/*画像と文字*/
.keyholder {
/*	padding: 15px;*/
	position: relative;
}
.keyholder img {
	float : left;
	width:40%;
	padding:0;
	margin-right:1em;
}
.kh-tiitle{
	font-size :16px !important;
	padding-top:1.2em;
}
@media (max-width: 750px) {.kh-tiitle{
	font-size :15px !important;
	margin:0;
	padding-top:0.8em;
}}
.kh-t{
	font-size :15px !important;
	line-height:1.8em !important;
	margin-right:1em;
}
@media (max-width: 750px){.kh-t{
	font-size :15px !important;
	line-height:1.2em !important;
	margin-right:0.8em;
}}

/*就労支援*/
.d-box-gray{
/*	padding: 0.5em 1em;
	margin: 1em 0.5em;*/
	padding: 0.5em 0;
	margin: 1em 0;
	display: block;
	line-height:2em;
	background: white;
	font-size:15px;
	text-decoration: none;
	text-align:center;
	border:solid 1px #f5f5f5;
/*	border-radius: 10px;
	color:#009944;*/
}
/*a.d-box-gray:hover {
	background: #606060;	
	border-color:#606060;
	border-width:3px;
	color:white;
	text-decoration:none;
}*/

/*通所例*/
.tusho-title{
	height:4em;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom:1em ;
	padding:0.5em 0.1em;
}
.tusho1{background-color: #CAD9B2}
.tusho2{background-color: #FBC6B0}
.tusho3{background-color: #EFDE8C}
.tusho4{background-color: #B9C9DC}

/*クリエイティブ実績*/

.cr-title{
	font-size :16px;
	padding:1.8em 0.8em 1em 0;
	font-weight:bold;
}
.cr-txt{
	font-size :15px;
	padding:0.5em 2em 0.1em 0;
}

@media (max-width: 750px) {.cr-title, .cr-txt {
	padding-left:1em;
	padding-right:1em;
	}
}

.creative-picture {
  float: left;
  width: 47%;
  margin-left : 0.2em;
}

/*利用者の声*/
.user-voice img{
	padding-top:0.3em;
}

/*よくある質問*/
.blank_faq{
	line-height:2.5em;
}
.faq-indent{
	margin-left:1em;
	text-indent:-1em;
}

/*最新記事　タイトル文字サイズ*/
#pl-gb37437-61dd09161d891 h3{
	font-size:20px !important!;
}

/*ページ内ジャンプの位置揃え*/
@media (min-width: 992px){
#activities,#design,#craft,#work,#horse,#commute,#creative,#creator,#faq,#news,#access{
	padding-top:200px;
	margin-top:-200px;
	}}

軽井沢ページにのみメニューを表示させるためのphp（header.php）

// 追加はここから
<?php
    if(is_page('karuizawa') ){
	$gMenu = wp_nav_menu( array('menu' => 'karuizawa_nav' )+($args)); //新たに作ったメニューを指定
			echo '<div id="gMenu_outer" class="gMenu_outer">';
			echo $gMenu;
			echo '</div>';
	}
?>
			
// 追加　ここまで
			
	</div>
	<?php do_action( 'lightning_header_append' ); ?>
</header>
<?php do_action( 'lightning_header_after' ); ?>