/*
Theme Name: 株式会社CSSテンプレート
Theme URL: https://711css.com/
Description: 株式会社CSS用に作成されたオリジナルテーマです。
Author: Shioda Taiyou
Version: 1.0
Tags: 株式会社CSSオリジナル
License: 株式会社CSSのみ
License URI: https://711css.com/
*/


/*-------------------------------------------------------------
// html要素の重なりの優先順位 z-indexのパラメータ
---------------------------------------------------------------
template-parts/sidebar/sidebar.css
【09】---div.sb-wrapper div.sb-header
【10】---div.sb-wrapper
style.css
【20】---div.content_column
【30】---div#side-menu.compact h3
template-parts/syntax_highlighting/syntax_highlighting.css
【40】---div.code-block::before
【41】---div.copy-btn
 -------------------------------------------------------------*/

:root {
  interpolate-size: allow-keywords;
}

html {
	margin;0px;
	padding:0px;
	height:100vh;
}

body {
	margin;0px;
	padding:0px;
	height:100vh;
	font-family: "Verdana","Yu Gothic UI Semibold","Noto Sans","Hiragino Sans",sans-serif;
	font-family: "ZenKakuGothicNew";
	font-weight:500;
	position:relative;
}

div.content_column {
	width:auto;
	display:block;
	overflow:hidden;
	z-index:20;
	padding-bottom:0px;

	margin-left:250px;
	transition: 0.5s;
	transition-timing-function: ease;

	mix-blend-mode: normal;
}


div.content_column.widthup /*ContentWideVer*/{
	margin-left:61px;
}


/* visually-hidden アクセシブルにテキストを隠す */
.vh {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}


/* ●●●　背景分け　●●● */

body.databasetop {
	background: url("https://CMS.711css.com/wp-content/themes/711CSS_CoLtd/images/databasetop_bg.png") no-repeat;
}


/* ■　検索結果　■ */
body.page-search_and_filter,
body.top-cat-search_and_filter {
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/search_bg.png") no-repeat;
}

/* ■　固定ページ及び下階層固定ページ毎の背景分け　■ */

body.page-fte_information,
body.top-pag-fte_information{
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/document_template_bg.png") no-repeat;
}

body.page-management_data,
body.top-pag-management_data {
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/management_data_bg.png") no-repeat;
}

body.page-document_template,
body.top-pag-document_template{
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/document_template_bg.png") no-repeat;
}

body.page-event_verification,
body.top-pag-event_verification{
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/event_results_bg.png") no-repeat;
}


html:has(.page-website_specifications),
html:has(.top-pag-website_specifications) {
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/website_specifications_ptbg.png") repeat #006677;
}
body.page-website_specifications,
body.top-pag-website_specifications{
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/website_specifications_bg.png") no-repeat;
}



/* ■　投稿ページ及び下階層投稿ページ毎のカテゴリー背景分け　■ */

body.category-event_results,
body.category-product_layout,
body.category-pop_production,
body.top-cat-event_results{
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/event_results_bg.png") no-repeat;
}

body.category-headquarters_event,
body.category-internal_notice,
body.category-part-timer_message,
body.category-training,
body.top-cat-internal_notice {
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/headquarters_event_bg.png") no-repeat;
}

body.category-memorandum,
body.category-store_computer,
body.top-cat-memorandum {
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/memorandum_bg.png") no-repeat;
}

body.category-trouble,
body.category-fixture_malfunction,
body.category-forgotten_item,
body.category-hospitality,
body.top-cat-trouble {
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/trouble_bg.png") no-repeat;
}

body.category-uncategorized,
body.top-cat-uncategorized {
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/uncategorized_bg.png") no-repeat;
}





body {
	background-size: 140% auto; /* 余白を持たせて動きを見せる */
	background-repeat: no-repeat;
	background-position: 50% -10%;/* 初期位置 */
	transition: background-position 0.1s ease-out;
}


hr {
	width:auto;
	margin:30px 0px 50px 0px;
	border: none;
	border-top: 2px solid #ffffff;
	border-bottom: 1px solid #e6e6e6;
	color: rgba(0, 119, 255, 0.1);/* #0077ff */
	height: 3px;
}


/* ●●●　default design　●●● */

main {
	display:block;
	width:auto;
}

main div.h1_title {
	width:auto;
	margin:50px 20px 50px 20px;
}

main div.h1_home {
	width:auto;
	margin:135px 20px 135px 20px;

	transition: 0.5s;
}

main div.h1_home h1,
main div.h1_title h1 {
	font-family: "ZenKakuGothicNew";
	font-weight:800;
	color:#0f7dff;
	font-size:50px;
	width:auto;
	margin:0px 0px 10px 0px;
	line-height:130%;

	transition: 0.5s;
}

main div.h1_home p {
	color:#0f7dff;
	font-size:29px;
	font-weight:bold;
	letter-spacing:0.8px;
	width:auto;
	margin:0px;

	transition: 0.5s;
}

main div.h1_title p {
	color:#0f7dff;
	font-size:24px;
	width:auto;
	margin:0px;
	letter-spacing:0px;
	word-break: keep-all;
}

body.page-website_specifications div main div h1,
body.top-pag-website_specifications div main div h1 {
	color:#ffffff;
}

main article {
	width:auto;
	display:block;
	overflow:hidden;
	margin:0px 20px 20px 20px;
	padding:40px 0px 0px 0px;
	background-image: linear-gradient(0deg, rgba(253, 253, 253, 1) 95%, rgba(253, 253, 253, 0.5));
	border:solid 1px #cccccc;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

main article section {
	width:auto;
	margin:0px 40px 60px 40px;
}



/* ■　トップページ　home _template　■ */
/* ■　カテゴリーページ　Category template　■ */

main article.home section {
	width:auto;
	margin:0px 40px 60px 40px;
}

/* home 社員のひと声 */

main article.home section.staff_one_message {
	width: calc(50% - 50px);
	float:left;
	margin:0px 0px 60px 40px;
}

main article.home section.staff_one_message ul {
	width: auto;
}

main article.home section.staff_one_message ul li {
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/home_icon_part-timer_message_staff.svg") no-repeat;
	background-size: 70px 70px;
	background-position: 0px 0px;
	position:relative;
	width: auto;
}

main article.home section.staff_one_message ul li img.avatar {

	width:66px !important;
	height:66px !important;
	position:absolute;
	top:2px;
	left:2px;
	border-radius: 50% !important;
}

main article.home section.staff_one_message ul li span {
	font-size:14px;
	display:block;
	margin:0px 0px 5px 85px;
}

main article.home section.staff_one_message ul li span.post-author {
	color:#666666;
	background:#e4e4e4;
	text-align:left;
	border-left:solid 5px #999999;
	border-bottom:solid 1px #999999;
	padding:3px 3px 3px 3px;
	font-weight:bold;
}

main article.home section.staff_one_message ul li time {
	font-size:14px;
	display:block;
	margin:0px 0px 0px 85px;
}

main article.home section.staff_one_message ul li div {
	position:relative;
	padding:10px 0px 0px 0px;
}

main article.home section.staff_one_message ul li div h4 {
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/home_speech_bubble_arrow.svg") no-repeat;
	background-size: 26px 22px;
	background-position: 80px 0px;
	position:absolute;
	top:0px;
	left:0px;
	font-size:16px;
	font-weight:800;
	display:block;
	width: 100%;
	margin-top:10px;
	padding:40px 20px 0px 20px;
	border:none;

	/*border-bottom:solid 3px #dedede;
	border-top:solid 3px #dedede;
	border-right:solid 3px #dedede;
	border-left:solid 3px #dedede;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;*/

	/* 1行で管理 */
    white-space: nowrap; /* 折り返し無しにする */
    overflow: hidden; /* はみ出た部分を非表示 */
    text-overflow: ellipsis; /* 語尾を3点リーダーに */

}

main article.home section.staff_one_message ul li div p {
	font-size:14px;
	display:block;
	width: auto;
	margin-top:18px;
	padding:40px 15px 15px 15px;
	word-break:break-all;

	background-image: linear-gradient(0deg, rgba(245, 250, 250, 1)20%, rgba(255, 255, 255, 1));
	box-shadow: inset 0px 0px 2px 2px rgba(255, 255, 255, 1);
	border-bottom:solid 3px #dedede;
	border-top:solid 3px #dedede;
	border-right:solid 3px #dedede;
	border-left:solid 3px #dedede;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

/* home 最新投稿 */

main article.home section.new_post {
	width: calc(50% - 50px);
	float:right;
	margin:0px 40px 60px 0px;
}

main article.home section ul.top-posts {
	width:auto;
}

main article.category section ul.top-posts,
main article.home section ul.top-posts {
	width:auto;
}


main article.category section ul.top-posts li,
main article.home section ul.top-posts li {
	width:auto;
	display:block;
	overflow:hidden;
	margin:0px 0px 10px 0px;
}

main article.category section ul.top-posts li a,
main article.home section ul.top-posts li a {
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/icon/icon_arrow_next.svg") no-repeat;
	background-size:50px 50px;
	background-position:top 50% right 5px ;

	width:auto;
	display:block;
	overflow:hidden;
	background-color:#eaeaea;
}

main article.category section ul.top-posts li a:hover,
main article.home section ul.top-posts li a:hover {
	background-color:#ffffcc;
}

main article.category section ul.top-posts li a span,
main article.home section ul.top-posts li a span {
	letter-spacing:-0.5px;
	text-align:center;
	padding:5px 3px 5px 3px;
	margin:0px 0px 3px 0px;
	margin-right:4px;
	float:left;
	font-size:12px;
}

main article.category section ul.top-posts li a span.post-category,
main article.home section ul.top-posts li a span.post-category {
	width:120px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#ff66bb;
	border:solid 1px #ff66bb;
	border-radius: 0px;
}


main article.category section ul.top-posts li a span.post-author,
main article.category section ul.top-posts li a span.post-date,
main article.home section ul.top-posts li a span.post-author,
main article.home section ul.top-posts li a span.post-date {
	width:auto;
	color:#666666;
	border:solid 1px #bdbdbd;
	border-radius: 4px;
}




main article.category section ul.top-posts li a h4,
main article.home section ul.top-posts li a h4 {
	background:none;
	margin-bottom:0px;
	width:auto;
	height:32px;
	font-family:"ZenKakuGothicNew";
	font-weight:900;
	font-size:20px;
	line-height:120%;
	padding:3px 40px 3px 3px;
	border:none;
	/* 1行で管理 */
	white-space: nowrap;/* 折り返し無しにする */
	overflow: hidden;/* はみ出た部分を非表示 */
	text-overflow: ellipsis;/* 語尾を3点リーダーに */
}

main article.category section ul.top-posts li a h4 {
	padding-left:10px;
	clear:both;
}

main article.category section ul.top-posts li a p,
main article.home section ul.top-posts li a p {
	width:auto;
	display:block;
	overflow: hidden;
	padding:0px 40px 10px 10px;
	margin:0px;
	clear:both;

	/* 1行で管理 */
	white-space: nowrap; /* 折り返し無しにする */
	overflow: hidden; /* はみ出た部分を非表示 */
	text-overflow: ellipsis; /* 語尾を3点リーダーに */
}

/* home サイトインフォメーション */

main article.home section.site_information {
	width:auto;
	margin:0px 40px 60px 40px;
}

main article.home section.site_information h2 {
	background:none;
	border:none;
	display:block;
	overflow:hidden;
	height:45px;
	width:auto;
	padding:0px 0px 11px 0px;
	margin:0px 0px 5px 0px;
}

main article.home section.site_information h2 span {
	line-height:140%;
	height:34px;
	display:block;
	overflow:hidden;
	width:auto;
	padding:0px 0px 0px 0px;
	box-shadow: 0 0 0 2px #0f7dff, 0 0 0 4px #fff,
              0 0 0 7px #ff66bb, 0 0 0 9px #fff,
              0 0 0 11px #19ffed;
	margin-bottom:20px;
}

main article.home section.site_information ul {
	border:2px solid #cccccc;
	display:block;
	overflow-y:scroll;
	height:400px;
	padding:15px;
}

main article.home section.site_information ul li {
	padding:0px 0px 15px 0px;
	margin:0px 0px 15px 0px;
	border-bottom:2px dotted #cccccc;
}

main article.home section.site_information ul li time {
	font-size:12px;
	border:1px solid #cccccc;
	padding:3px 3px 3px 3px;
	margin:0px 3px 2px 0px;
	border-radius: 4px;
	float:left;

}

main article.home section.site_information ul li span {
	font-size:12px;
	border:1px solid #cccccc;
	padding:3px 3px 3px 3px;
	margin:0px 3px 2px 0px;
	border-radius: 4px;
	float:left;
}

main article.home section.site_information ul li h3 {
	background:none;
	display:inline-block;
	width:auto;
	font-family: "ZenKakuGothicNew";
	font-weight:800;
	font-size:18px;
	color:#666666;
	line-height:100%;
	padding:3px 3px 3px 3px;
	margin:0px 3px 2px 0px;
	border:0px;
	
	/* 1行で管理 */
    /*white-space: nowrap; *//* 折り返し無しにする */
    /*overflow: hidden; *//* はみ出た部分を非表示 */
    /*text-overflow: ellipsis; *//* 語尾を3点リーダーに */
}

main article.home section.site_information ul li p {
	color:#555555;
	font-size:14px;
	width:auto;
	line-height:140%;
	margin:0px 0px 0px 0px;

	/* 1行で管理 */
    /*white-space: nowrap; *//* 折り返し無しにする */
    /*overflow: hidden; *//* はみ出た部分を非表示 */
    /*text-overflow: ellipsis; *//* 語尾を3点リーダーに */

}


/* ■　投稿ページ（固定ページ）【pageタイプ】　■  */
/* ■　個別ページ（投稿）【postタイプ】　■ */



main article.type-entry section {
}

main article.type-entry section dl.entry-param {
	display:block;
	height:auto;
	background-color:#eef8ff;
	border:1px solid #e8e8e8;
	padding:8px 5px 10px 5px;
	margin-bottom:20px;
	box-shadow: 0px 11px 5px -8px rgba(0, 0, 0, 0.2);
}

main article.type-entry section dl.entry-param dt {
	display:inline;
	font-size:14px;
	border-left:6px solid #99ddff;
	padding:3px 3px 3px 10px;
}

main article.type-entry section dl.entry-param dd {
	line-height:120%;
	display:inline;
	font-size:14px;
	padding:3px 5px 3px 5px;
	margin:0px 5px 0px 0px;
}

main article.type-entry section dl.entry-param dd.post-category{
	width:auto;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#ff66bb;
	border:solid 1px #ff66bb;
	border-radius: 4px;
}

main article.type-entry section dl.entry-param dd.post-author,
main article.type-entry section dl.entry-param dd.post-date {
	width:auto;
	color:#666666;
	background-color:#ffffff;
	border:solid 1px #bdbdbd;
	border-radius: 4px;
}



/* 次へ前へボタンエリア */

main article section.nextprevarea {
	display:block;
	overflow:hidden;
	height:210px;
	width:auto;
	margin:0px 1px 1px 1px;
	background-image: linear-gradient(0deg, rgba(230, 230, 230, 1)20%, rgba(253, 253, 253, 1));
}

main article section.nextprevarea p {
}

main article section.nextprevarea ul {
	display:block;
	overflow:hidden;
	height:210px;
	width:auto;
	padding:0px 0px 0px 0px;
	margin:60px 0px 0px 0px;
}

main article section.nextprevarea ul li {
	display:block;
	overflow:hidden;
	width:46%;
	height:150px;
    transition: 0.5s;
}

main article section.nextprevarea ul li.prevbtn  {
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/icon/icon_arrow_prev.svg") no-repeat;
	background-size:130px 130px;
	background-position:left 5px top 10px;
	float:left;
	padding:10px 10px 10px 10px;
	text-align:left;
}

main article section.nextprevarea ul li.nextbtn  {
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/icon/icon_arrow_next.svg") no-repeat;
	background-size:130px 130px;
	background-position:right 5px top 10px;
	float:right;
	padding:10px 10px 10px 10px;
	text-align:right;
}

main article section.nextprevarea ul li a {
	font-size:18px;
	line-height:120%;
	font-weight:bold;
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
	padding:15px 20px 15px 20px;
}

main article section.nextprevarea ul li a:hover {
	background-color: rgba(255, 255, 204, 0.6);/* #ffffcc */
}

main article section.nextprevarea ul li a span {
	display:block;
	overflow:hidden;
	width:100%;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#ff66bb;
	border:solid 1px #ff66bb;
	border-radius: 4px;
	text-align:center;
	margin:4px 0px 4px 0px;
}


/* ■　書類テンプレート document_template　■ */





/* ■　WEBサイト仕様書 website_specifications　■ */


.wb_mplus_r1c {
	font-family: 'ZenMaruGothic';
	font-size:30px;
}

.wb_sawarabimincho {
	font-family: "SawarabiMincho";
	font-size:30px;
}

.wb_shipporimincho {
	font-family: "ShipporiMincho";
	font-size:30px;
}

.wb_zenkakugothicnew {
	font-family: "ZenKakuGothicNew";
	font-size:30px;
}

.wb_zenoldmincho {
	font-family: "ZenOldMincho";
	font-size:30px;
}



/* ■　検索絞り込み search.php【search_filter】　■ */



main article.search_and_filter section div.search-filter {
	width:100%;
	height:auto;
	border:none;
	padding:0;
	background-color:translate;
}

main article.search_and_filter section div.search-filter form {
}

main article.search_and_filter section div.search-filter form div {
	display:block;
	overflow:hidden;
	width:100%;
	height:auto;
	border-left:8px solid #457ed1;
	padding:20px;
	background-color:#ebebeb;
	margin-bottom:10px;
}

main article.search_and_filter section div.search-filter form div.filter_page_category_name {

}

main article.search_and_filter section div.search-filter form div h3.filter-pagetype {
	display:block;
	width:100%;
	height:auto;
	margin-bottom:10px;
	color:#113265;
    transition: 0.3s;
}

main article.search_and_filter section div.search-filter form div h3.filter-pagetype span{
	display:inline;
	width:100%;
	height:32px;
	padding:0px 10px 0px 10px;
	margin-left:10px;
	line-height:120%;
	background-color:#113265;
	font-family: "Verdana";
	font-size:20px;
	color:#ffffff;
    transition: 0.3s;
}

main article.search_and_filter section div.search-filter form div h3.filter-posttype {
	display:block;
	width:100%;
	height:auto;
	margin-bottom:10px;
	color:#196511;/* 緑 */
    transition: 0.3s;
}

main article.search_and_filter section div.search-filter form div h3.filter-posttype span{
	display:inline;
	width:100%;
	height:32px;
	padding:0px 10px 0px 10px;
	margin-left:10px;
	line-height:120%;
	background-color:#196511;/* 緑 */
	font-family: "Verdana";
	font-size:20px;
	color:#ffffff;
    transition: 0.3s;
}

main article.search_and_filter section div.search-filter form div h3 li{
	display:block;
	width:auto;
	height:32px;
	padding:0px 10px 0px 10px;
	margin-left:10px;
	line-height:120%;
	font-size:16px;
	color:#333333;
	float:right;
    transition: 0.3s;
}

main article.search_and_filter section div.search-filter form div hr {
	width:auto;
	margin:10px 0px 10px 0px;
	border: none;
	border-top: 2px solid #ffffff;
	border-bottom: 1px solid #c1c1c1;
	color: rgba(0, 119, 255, 0.1);/* #0077ff */
	height: 3px;
}

main article.search_and_filter section div.search-filter form div ul {
}

main article.search_and_filter section div.search-filter form div ul li{
	width:auto;
	display:block;
	overflow:hidden;
	line-height:120%;
	float:left;
	margin-right:25px;
}

main article.search_and_filter section div.search-filter form div ul li label input{
	transform:scale(1.2);
}

main article.search_and_filter section div.search-filter form span.search-filter-btnarea {
	margin:30px 0px 50px 0px;
	
    display:block;
	overflow:hidden;
	padding:0;
	height:61px;
	width:100%;
	background-color:#ebebeb;
	border-left:8px solid #ff66bb;
}


main article.search_and_filter section div.search-filter form span.search-filter-btnarea button.search-filter-submit {
	padding:0px 10px 0px 10px;
	text-align:right;
	color:#0f7dff;
    width:105px;
    height:31px;
    margin:15px 44% 15px 45%;
    background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/header_search_btn_defo.svg") no-repeat;
	background-size:105px 31px;
    border:none;
    cursor:pointer;
    transition: 0.3s;
	display:block;
	float:left;
}

main article.search_and_filter section div.search-filter form span.search-filter-btnarea button.search-filter-submit:hover {
    background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/header_search_btn_hover.svg") no-repeat;
	background-size:105px 31px;
	color:#ff66bb;
}



/* ■　検索結果 search.php【search_results】　■ */


.filter-summary {
    background: #f7f7f7;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 6px;
}

.filter-summary ul {
    margin: 0;
    padding-left: 20px;
}

.filter-summary li {
    margin-bottom: 5px;
}



.highlight {
    background: yellow;
}

mark {
    background-color: #fff3a0 !important;
    padding: 0 2px;
}


main article.search_and_filter section h2 {
	font-family: "ZenKakuGothicNew";
	font-weight:500;
	display:block;
	overflow:hidden;
	color:#0077bb;
	font-size:24px;
	text-align:center;
	width:auto;
	padding:10px 10px 10px 10px;
	margin:0px 0px 20px 0px;
	border-top:solid 2px #0099ff;
	border-bottom:solid 2px #0099ff;
	box-shadow: inset 0px 0px 2px 2px rgba(255, 255, 255, 1.0);
	background: rgba(170, 204, 238, 0.5); /* #aaccee */
	/*background-image: linear-gradient(0deg, rgba(0, 153, 255, 0.3), rgba(0, 255, 255, 0.3));*/
	clear:both;/* レスポンシブ用 */
}



main article.search_and_filter section ul {
	display:block;
	overflow:hidden;
	height:auto;
	width:100%;
}

main article.search_and_filter section ul li.result-card {
	width:100%;
	height:110px;
	display:block;
	margin-bottom:15px;
}

main article.search_and_filter section ul li a {
	width:100%;
	height:120px;
	padding:8px 50px 8px 8px;
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/icon/icon_arrow_next.svg") no-repeat;
	background-size:50px 50px;
	background-position:top 50% right 5px ;
	background-color:#ebebeb;
	border:1px solid #969696;
    transition: 0.5s;
	display: block;
}

main article.search_and_filter section ul li a:hover {
	background-color:#e6f0ff;
	border:1px solid #457ed1;
}

main article.search_and_filter section ul li a img {
	display:block;
	overflow:hidden;
	margin-right:15px;
	width:100px;
	height:100px;
	float:left;
}

main article.search_and_filter section ul li a div {
	width:auto;
	height:21px;
	display:block;
	overflow:hidden;
	margin-bottom:2px;
}



main article.search_and_filter section ul li a div h3.result-pagetype {
	width:auto;
	height:21px;
	display:block;
	overflow:hidden;
	padding:0;
	margin:0;
	font-size:18px;
	font-weight:800;
	color:#113265;
	float:left;
	border-bottom:2px solid #113265;
	background-color:#FFFFFF;
	margin-right:15px;
	padding-left:4px;
    transition: 0.5s;
}

main article.search_and_filter section ul li a div h3.result-pagetype span  {
	height:21px;
	width:100px;
	display:block;
	overflow:hidden;
	font-family: "Verdana";
	font-size:14px;
	color:#FFFFFF;
	background-color:#113265;
	border:1px solid #113265;
	text-align:center;
	line-height:140%;
	margin-left:4px;
	float:right;
    transition: 0.5s;
}

main article.search_and_filter section ul li a div h3.result-posttype {
	width:auto;
	height:21px;
	display:block;
	overflow:hidden;
	padding:0;
	margin:0;
	font-size:18px;
	font-weight:800;
	color:#196511;
	float:left;
	border-bottom:2px solid #196511;
	background-color:#FFFFFF;
	margin-right:15px;
	padding-left:4px;
    transition: 0.5s;
}

main article.search_and_filter section ul li a div h3.result-posttype span  {
	height:21px;
	width:100px;
	display:block;
	overflow:hidden;
	font-family: "Verdana";
	font-size:14px;
	color:#FFFFFF;
	background-color:#196511;
	border:1px solid #196511;
	text-align:center;
	line-height:140%;
	margin-left:4px;
	float:right;
    transition: 0.5s;
}


main article.search_and_filter section ul li a div ul.result-meta {
	height:21px;
	width:auto;
	display:flex;
	float:left;
	margin-right:15px;
}

main article.search_and_filter section ul li a div ul.result-meta li {
	float:left;
}

main article.search_and_filter section ul li a div ul.result-meta li.result-category {
	width:auto;
	height:21px;
	background-color:#ff77cc;
	border:1px solid #ff77cc;
	color:#FFFFFF;
	margin-right:3px;
	font-size:14px;
	padding:0px 5px 0px 5px;
	line-height:120%;
}

main article.search_and_filter section ul li a div ul.result-meta li.result-author {
	width:auto;
	height:21px;
	background-color:#FFFFFF;
	border:1px solid #666666;
	color:#333333;
	border-radius: 4px;
	margin-right:3px;
	font-size:14px;
	padding:0px 5px 0px 5px;
	line-height:120%;
}

main article.search_and_filter section ul li a div ul.result-meta li.result-date {
	width:auto;
	height:21px;
	background-color:#FFFFFF;
	border:1px solid #666666;
	color:#333333;
	border-radius: 4px;
	margin-right:3px;
	font-size:14px;
	padding:0px 5px 0px 5px;
	line-height:120%;
}

main article.search_and_filter section ul li a div dl.result-tug {
	width:auto;
	height:20px;
	padding:0px;
	margin:0px;
	float:left;
}

main article.search_and_filter section ul li a div dl.result-tug dt {
	width:auto;
	height:20px;
	padding:0px 3px 0px 5px;
	font-size:15px;
	font-weight:bold;
	color:#113265;
	float:left;
	line-height:110%;
}

main article.search_and_filter section ul li a div dl.result-tug dd {
	width:auto;
	height:20px;
	padding:0px 5px 0px 5px;
	background-color:#993300;
	border:1px solid #993300;
	margin-right:3px;
	font-size:14px;
	color:#FFFFFF;
	float:left;
	line-height:120%;
	border-radius: 4px;
}

main article.search_and_filter section ul li a h4.result-title {
	display:block;
	overflow:hidden;
	height:32px;
	width:auto;
	font-size:20px;
	line-height:120%;
	font-weight:700;
	color:#666666;
	padding-bottom:2px;
	border-bottom:2px dotted #113265;
	/* 1行で管理 */
	white-space: nowrap; /* 折り返し無しにする */
	overflow: hidden; /* はみ出た部分を非表示 */
	text-overflow: ellipsis; /* 語尾を3点リーダーに */
}

main article.search_and_filter section ul li a h4.result-title em {
	height:18px;
	width:auto;
	font-size:16px;
	font-weight:bold;
	font-style:none;
	text-decoration:none;
	color:#113265;
	margin-right:10px;
}

main article.search_and_filter section ul li a p.result-content {
	display:block;
	overflow:hidden;
	height:21px;
	width:auto;
	font-size:16px; 
	font-weight:500;
	line-height:100%;
	color:#666666;
	margin-top:3px;
	/* 1行で管理 */
	white-space: nowrap; /* 折り返し無しにする */
	overflow: hidden; /* はみ出た部分を非表示 */
	text-overflow: ellipsis; /* 語尾を3点リーダーに */
}

main article.search_and_filter section ul li a p.result-content em {
	height:18px;
	width:auto;
	font-size:16px;
	font-weight:bold;
	font-style:none;
	text-decoration:none;
	color:#113265;
	margin-right:10px;
}


main article.search_and_filter section ul li a p.result-comment {
	display:block;
	overflow:hidden;
	height:21px;
	width:auto;
	font-size:16px; 
	font-weight:500;
	line-height:100%;
	color:#666666;
	margin-top:3px;
	/* 1行で管理 */
	white-space: nowrap; /* 折り返し無しにする */
	overflow: hidden; /* はみ出た部分を非表示 */
	text-overflow: ellipsis; /* 語尾を3点リーダーに */
}

main article.search_and_filter section ul li a p.result-comment em {
	height:18px;
	width:auto;
	font-size:16px;
	font-weight:bold;
	font-style:none;
	text-decoration:none;
	color:#113265;
	margin-right:10px;
}

























	

	
	
	
	
/* ●●●　レスポンシブデザイン　●●● */
	
	
	
	
	

/* ■■　ブレイクポイント1280px PC　■■ */
@media screen and (min-width:1281px) {

main article section.nextprevarea ul li {
	width:40%;
}

main article.search_results section input[type="checkbox"] {
    transform: scale(2.0); /* 1.5倍の大きさにする */
    margin: 10px;          /* 余白調整 */
}

}/* 1281px以上で反映 end */


@media screen and (max-width:1280px) {

main div.h1_home {
	width:auto;
	margin:95px 20px 135px 20px;
}

main article section.nextprevarea ul li {
	width:40%;
}


/* ■　検索結果 search.php【search_results】　■ */


main article.search_and_filter section ul {
	display:block;
	overflow:hidden;
	height:auto;
	width:100%;
}

main article.search_and_filter section ul li.result-card {
	height:auto;
	display:block;
}

main article.search_and_filter section ul li.result-card:nth-child(odd) {
	margin-right:40px;
}

main article.search_and_filter section ul li a {
	height:auto;

	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/icon/icon_arrow_next.svg") no-repeat;
	background-size:50px 50px;
	background-position:top 50% right 5px ;
	background-color:#ebebeb;
}

main article.search_and_filter section ul li a:hover {
}

main article.search_and_filter section ul li a img {
	display:block;
	overflow:hidden;
	margin-right:15px;
	margin-bottom:5px;
	width:100px;
	height:100px;
	float:left;
}

main article.search_and_filter section ul li a div {
	width:auto;
	height:100px;
	display:block;
	overflow:hidden;
	margin-bottom:5px;

}



main article.search_and_filter section ul li a div h3.result-pagetype {
	height:21px;
	width:auto;
	display:inline-block;
	overflow:hidden;
	clear:both;
	float:none;
	vertical-align:top;
	line-height:100%;
	margin:16px 0px 4px 0px;
	padding:0px 0px 0px 6px;
}

main article.search_and_filter section ul li a div h3.result-pagetype span  {
	height:21px;
	width:100px;
	display:inline-block;
	text-align:center;
	float:right;
	line-height:100%;
	font-size:14px;
	margin-left:5px;
	padding:3px 3px 5px 3px;
}

main article.search_and_filter section ul li a div h3.result-posttype {
	height:21px;
	width:auto;
	display:inline-block;
	overflow:hidden;
	clear:both;
	float:none;
	vertical-align:top;
	line-height:100%;
	margin:16px 0px 4px 0px;
	padding:0px 0px 0px 6px;
}

main article.search_and_filter section ul li a div h3.result-posttype span  {
	height:21px;
	width:100px;
	display:inline-block;
	text-align:center;
	float:right;
	line-height:100%;
	font-size:14px;
	margin-left:5px;
	padding:3px 3px 5px 3px;
}


main article.search_and_filter section ul li a div ul.result-meta {
	height:21px;
	width:auto;
	float:none;
	clear:both
	margin-right:15px;
	margin-bottom:8px;
}

main article.search_and_filter section ul li a div ul.result-meta li {
	float:left;
}

main article.search_and_filter section ul li a div ul.result-meta li.result-category {
	width:auto;
	height:21px;
	background-color:#ff77cc;
	border:1px solid #ff77cc;
	color:#FFFFFF;
	margin-right:3px;
	font-size:14px;
	padding:0px 5px 0px 5px;
	line-height:120%;
}

main article.search_and_filter section ul li a div ul.result-meta li.result-author {
	width:auto;
	height:21px;
	background-color:#FFFFFF;
	border:1px solid #666666;
	color:#333333;
	border-radius: 4px;
	margin-right:3px;
	font-size:14px;
	padding:0px 5px 0px 5px;
	line-height:120%;
}

main article.search_and_filter section ul li a div ul.result-meta li.result-date {
	width:auto;
	height:21px;
	background-color:#FFFFFF;
	border:1px solid #666666;
	color:#333333;
	border-radius: 4px;
	margin-right:3px;
	font-size:14px;
	padding:0px 5px 0px 5px;
	line-height:120%;
}

main article.search_and_filter section ul li a div dl.result-tug {
	width:auto;
	height:20px;
	padding:0px;
	margin:0px;
	float:left;
}

main article.search_and_filter section ul li a div dl.result-tug dt {
	width:auto;
	height:20px;
	padding:0px 3px 0px 5px;
	font-size:15px;
	font-weight:bold;
	color:#113265;
	float:left;
	line-height:110%;
}

main article.search_and_filter section ul li a div dl.result-tug dd {
	width:auto;
	height:20px;
	padding:0px 5px 0px 5px;
	background-color:#993300;
	border:1px solid #993300;
	margin-right:3px;
	font-size:14px;
	color:#FFFFFF;
	float:left;
	line-height:120%;
	border-radius: 4px;
}

main article.search_and_filter section ul li a h4.result-title {
	display:block;
	overflow:hidden;
	height:32px;
	width:auto;
	font-size:20px;
	line-height:120%;
	font-weight:700;
	color:#666666;
	padding-bottom:2px;
	border-bottom:2px dotted #113265;
	clear:both;
	float:none;
	/* 1行で管理 */
	white-space: nowrap; /* 折り返し無しにする */
	overflow: hidden; /* はみ出た部分を非表示 */
	text-overflow: ellipsis; /* 語尾を3点リーダーに */
}

main article.search_and_filter section ul li a h4.result-title em {
	height:18px;
	width:auto;
	font-size:16px;
	font-weight:bold;
	font-style:none;
	text-decoration:none;
	color:#113265;
	margin-right:10px;
}

main article.search_and_filter section ul li a p.result-content {
	display:block;
	overflow:hidden;
	height:21px;
	width:auto;
	font-size:16px; 
	font-weight:500;
	line-height:100%;
	color:#666666;
	margin-top:3px;
	/* 1行で管理 */
	white-space: nowrap; /* 折り返し無しにする */
	overflow: hidden; /* はみ出た部分を非表示 */
	text-overflow: ellipsis; /* 語尾を3点リーダーに */
}

main article.search_and_filter section ul li a p.result-content em {
	height:18px;
	width:auto;
	font-size:16px;
	font-weight:bold;
	font-style:none;
	text-decoration:none;
	color:#113265;
	margin-right:10px;
}


main article.search_and_filter section ul li a p.result-comment {
	display:block;
	overflow:hidden;
	height:21px;
	width:auto;
	font-size:16px; 
	font-weight:500;
	line-height:100%;
	color:#666666;
	margin-top:3px;
	/* 1行で管理 */
	white-space: nowrap; /* 折り返し無しにする */
	overflow: hidden; /* はみ出た部分を非表示 */
	text-overflow: ellipsis; /* 語尾を3点リーダーに */
}

main article.search_and_filter section ul li a p.result-comment em {
	height:18px;
	width:auto;
	font-size:16px;
	font-weight:bold;
	font-style:none;
	text-decoration:none;
	color:#113265;
	margin-right:10px;
}


}/* 1280px以下で反映 end */






/* ■■　ブレイクポイント960px タブレット　■■ */
@media screen and (min-width:961px) {

div.content_column {
	margin-left:250px;
}

main div.h1_title {
	width:auto;
	margin:50px 20px 50px 20px;
}

main div.h1_title h1 {
	font-size:50px;
}

main article {
	margin:0px 20px 20px 20px;
	padding:40px 0px 0px 0px;
}


}/* 961px以上で反映 end */





@media screen and (max-width:960px) {

div.content_column {
	/*margin-left:250px;*/
	/* メニューがコンテンツに重なるように左マージン61pxのまま end */
	margin-left:61px;
	transition: 0.5s;
}

div.content_column.widthup /*ContentWideVer*/{
	margin-left:61px;
	transition:none;
}

main div.h1_home {
	margin:55px 20px 95px 20px;
}

main article section.nextprevarea ul li {
	width:46%;
}

main article section.nextprevarea ul li.prevbtn  {
	padding:14px 10px 14px 10px;
}

main article section.nextprevarea ul li.nextbtn  {
	padding:14px 10px 14px 10px;
}

main article section.nextprevarea ul li a {
	font-size:16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3; /* 任意の行数を指定 */
}

main article.search_results section input[type="checkbox"] {
    transform: scale(2.0); /* 1.5倍の大きさにする */
    margin: 10px;          /* 余白調整 */
}


}/* 960px以下で反映 end */





/* ■■　ブレイクポイント768px タブレット　■■ */
@media screen and (min-width:769px) {


}/* 769px以上で反映 end */





@media screen and (max-width:768px) {

main article section,
main article.home section.site_information {
	width:auto;
	margin:0px 10px 30px 10px;
}

main div.h1_title {
	width:auto;
	margin:30px 10px 30px 10px;
}

main div.h1_title h1 {
	font-size:30px;
}

main div.h1_title p {
	font-size:16px;
}

main div.h1_home {
	margin:95px 20px 105px 20px;
}

main div.h1_home h1 {
	font-size:50px;
	text-align:center;
	}

main div.h1_home p {
	font-size:24px;
	text-align:center;
	letter-spacing:0px;
	}

main article {
	margin:0px 10px 10px 10px;
	padding:10px 0px 0px 0px;
}




/* ■　トップページ　home _template　■ */
/* ■　カテゴリーページ　Category template　■ */

main article.home section.staff_one_message {
	width:auto;
	margin:0px 10px 30px 10px;
	float:none;
}

main article.home section.new_post {
	width:auto;
	margin:0px 10px 30px 10px;
	float:none;
}

/* ■　個別投稿ページ（固定ページ）【pageタイプ】　■ */
/* ■　個別ページ（投稿）【postタイプ】　■ */

main article.type-entry section dl dt {
	width:100%;
	display:block;
	overflow:hidden;
}

main article.type-entry section dl dd.post-category {

}

/* 次へ前へボタンエリア */

main article section.nextprevarea ul li {
	width:48%;
	height:120px;
}


main article section.nextprevarea ul li.prevbtn  {
	background-size:60px 60px;
	background-position:left 5px top 5px;
	padding:5px 5px 5px 5px;
	text-align:left;
}

main article section.nextprevarea ul li.nextbtn  {
	background-size:60px 60px;
	background-position:right 5px top 5px;
	padding:5px 5px 5px 5px;
	text-align:right;
}

main article section.nextprevarea ul li a {
	padding:5px 5px 5px 5px;
}





/* ■　検索絞り込み search.php【search_filter】　■ */

main article.search_and_filter section div.search-filter form div {
	padding:10px;
}

main article.search_and_filter section div.search-filter form div h3 {
	font-size:18px;
	line-height:120%;
	height:40px;
}


main article.search_and_filter section div.search-filter form div h3 span{
	width:auto;
	line-height:120%;
	font-size:14px;
}

main article.search_and_filter section div.search-filter form div h3 li{
	width:auto;
	line-height:120%;
	font-size:14px;
}
	
main article.search_and_filter section div.search-filter form div ul li label input{
	transform:scale(1.0);
}

/* ■　検索結果 search.php【search_results】　■ */

main article.search_and_filter section ul li a {
	padding:4px 10px 4px 4px;
	background: url("https://cms.711css.com/wp-content/themes/711CSS_CoLtd/images/icon/icon_arrow_next.svg") no-repeat;
	background-size:30px 30px;
	background-position:top 50% right 5px ;
	background-color:#ebebeb;
	border:1px solid #969696;
    transition: 0.5s;
	display: block;
}

main article.search_and_filter section ul li a img {
	margin-right:5px;
	margin-bottom:5px;
}

main article.search_and_filter section ul li a div ul.result-meta{
	margin:0px 0px 3px 0px;
	height:auto;
	display: grid; /* グリッドの有効化 */
	grid-template-columns: repeat(5, 1fr); /* 5列に等分 */
}
main article.search_and_filter section ul li a div ul.result-meta li {
	font-weight:bold;
	font-size:12px;
	margin-bottom:3px;
	padding:0px 0px 0px 0px;
}

main article.search_and_filter section ul li a div ul.result-meta li.result-category{	
	grid-column-start: 1;
	grid-column-end: 6;
	grid-row-start: 1;
	grid-row-end: 2;
}

main article.search_and_filter section ul li a div ul.result-meta li.result-author{
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
}
main article.search_and_filter section ul li a div ul.result-meta li.result-date{
	grid-column-start: 3;
	grid-column-end: 6;
	grid-row-start: 2;
	grid-row-end: 3;
}


main article.search_and_filter section ul li a div h3.result-pagetype,
main article.search_and_filter section ul li a div h3.result-posttype {
	font-size:13px;
	line-height:120%;
	margin:0px 0px 4px 0px;
	padding:0px 0px 0px 3px;
}

main article.search_and_filter section ul li a div h3.result-pagetype span,
main article.search_and_filter section ul li a div h3.result-posttype span {
	width:auto;
	line-height:100%;
	font-size:12px;
	margin-left:4px;
	padding:3px 2px 5px 2px;
}

main article.search_and_filter section ul li a h4.result-title em,
main article.search_and_filter section ul li a p.result-content em,
main article.search_and_filter section ul li a p.result-comment em {
	display:none;
	width:0px;
}


/* ■　個別投稿ページ（固定ページ）【pageタイプ】　■ */
/* ■　個別ページ（投稿）【postタイプ】　■ */

main article.type-entry section dl.entry-param {
	display:block;
	margin-bottom:7px;
}

main article.type-entry section dl.entry-param dt {
	display:block;
	margin-bottom:7px;
}

main article.type-entry section dl.entry-param dd {
}

main article.type-entry section dl.entry-param dd.post-category{
	width:auto;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#ff66bb;
	border:solid 1px #ff66bb;
	border-radius: 4px;
}

main article.type-entry section dl.entry-param dd.post-author,
main article.type-entry section dl.entry-param dd.post-date {
	width:auto;
	color:#666666;
	background-color:#ffffff;
	border:solid 1px #bdbdbd;
	border-radius: 4px;
}


}/* 768px以下で反映 end */


/* ■■　ブレイクポイント560px 予め大きめに変更　■■ */
@media screen and (max-width:560px) {

main div.h1_home {
	margin:95px 20px 95px 20px;
}

main div.h1_home h1 {
	font-size:40px;
	text-align:center;
	}

main div.h1_home p {
	font-size:20px;
	letter-spacing:0px;
	text-align:center;
	}




}/* 560px以下で反映 end */


/* ■■　ブレイクポイント428px SmartPhone　■■ */
@media screen and (min-width:429px) {

}/* 429px以上で反映 end */
@media screen and (max-width:428px) {



}/* 428px以下で反映 end */