@charset "utf-8";
/*
Template: jstork19
Theme Name: stork19_custom
Theme URI:http://open-cage.com/stork19/
Version: 1.3.0
Author: opencage
Author URI: https://open-cage.com/
*/


/* ==========================================================================================================================

▼ ONSA 公式サイト _ 子テーマのスタイルシート
　jstork19　バージョン: 4.0.3

========================================================================================================================== */



/* ====================================================================================================

・【注意】jstork19_バージョンが4.0/５.0以上で動作の方法　
　 固定ページ・１カラム／投稿・１カラム　本文エリアの幅指定（728px・980px・1166px）（全体スタイルシートではコメントアウト）

==================================================================================================== */


#inner-content.page-full,
#inner-content.viral {
 --stk-wide-width: 800px;
 --stk-main-width: 800px;
}



/* ====================================================================================================

・【注意】jstork19_バージョンが５.0以上で動作の方法
　 特定番号の post ID の画面幅を例外表示設定に

==================================================================================================== */


/*その上で、例外設定 */
.postid-35347 {
 --stk-main-width: 728px;
 --stk-wide-width: 1166px;
}

.pageid-1729 {
 --stk-main-width: 728px;
 --stk-wide-width: 1166px;
}

.pageid-23568 {
 --stk-main-width: 728px;
 --stk-wide-width: 1166px;
}

.pageid-23566 {
 --stk-main-width: 728px;
 --stk-wide-width: 1166px;
}



/* ====================================================================================================

・【コメントアウト中】
　【注意】jstork19_バージョンが3.0台で動作の方法
　 固定ページ・１カラム／投稿・１カラム　本文エリアの幅指定（728px・980px・1166px）（全体スタイルシートではコメントアウト）

==================================================================================================== */


/* フルサイズ */
/* 
#inner-content.page-full #main {
 max-width: 800px;
}
*/

/* バイラル風 */
/* 
#inner-content.viral #main {
 width: 100%;
 max-width: 800px;
}
*/



/* ====================================================================================================

・【コメントアウト中】
　【注意】jstork19_バージョンが3.0台で動作の方法
　 特定番号の post ID の画面幅を例外表示設定に（728px・980px・1166px）


==================================================================================================== */

/*
［解説］
・例外を設定する場合は否定擬似クラスで投稿IDを指定
・複数の例外記事を設定する場合は、:not(.postid-xxx, .postid-xxx)のようにカンマで区切って指定
・投稿の場合は「.postid-xxx」で指定、固定ページの場合は「.page-id-xxx」で指定
-
［例］
body:not(.postid-35347, .page-id-35347) #inner-content.page-full #main {
 max-width: 1166px;
}
*/


/* フルサイズ */
/* 
body:not(.pageid-1729, .page-id-29878, .page-id-23568, .page-id-23568, .page-id-23566) #inner-content.page-full #main {
 max-width: 1166px;
}
*/

/* バイラル風 */
/* 
body:not(.postid-●) #inner-content.viral #main {
 max-width: 1166px;
}
*/