@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
// 脚注を蓄積して最後にまとめて出す
global $my_footnotes;
$my_footnotes = array();

function my_footnote_shortcode($atts, $content = null){
    global $my_footnotes;
    $num = count($my_footnotes) + 1;
    $my_footnotes[$num] = $content;
    return '<sup id="fn'.$num.'-ref"><a href="#fn'.$num.'">'.$num.'</a></sup>';
}
add_shortcode('fn', 'my_footnote_shortcode');

// 巻末に脚注一覧を出力
function my_footnote_list(){
    global $my_footnotes;
    if(empty($my_footnotes)) return;

    $html = '<div class="footnotes"><h3>脚注</h3><ol>';
    foreach($my_footnotes as $num => $content){
        $html .= '<li id="fn'.$num.'">'.$content.' <a href="#fn'.$num.'-ref">↩︎</a></li>';
    }
    $html .= '</ol></div>';

    return $html;
}
add_shortcode('fnlist', 'my_footnote_list');

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}