@charset "UTF-8";
/*-------------------------------------- common ---------------------------------------*/
/*-------------------------------------- font system [ver:2018.10.11] --------------------------------------*/
body { font-family: 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif; -webkit-text-size-adjust: 100%; }

.ffg, #footer #copyright { font-family: 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif; }

.ffm { font-family: 'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',Meiryo,'メイリオ',serif; }

#footer #copyright { font-size: 0.625rem; line-height: 100%; font-weight: 300; }

#bottom_ctrls #recently_categories #recently_box ul li span, #entry_body #entry_panels a.entry_panel .panel_texts h5 { font-size: 0.75rem; line-height: 100%; font-weight: 300; }

#entry_body #entry_panels a.entry_panel .panel_texts p { font-size: 0.8125rem; line-height: 182.2%; font-weight: 300; }

#bottom_ctrls #archives .yearset ul li, #entry_body #entry_titleset p { font-size: 0.9375rem; line-height: 100%; font-weight: 300; }

#header #main_navi #main_navi_body, #footer #footer_body #footer_left #footer_linkset a, #block1 #searcharea form input:first-child { font-size: 1rem; line-height: 100%; font-weight: 300; }

#bottom_ctrls #recently_categories #categories_box ul li a { font-size: 1rem; line-height: 145.748%; font-weight: 300; }

#footer { font-size: 1rem; line-height: 175.6%; font-weight: 300; }

#bottom_ctrls #recently_categories #recently_box ul li a { font-size: 1.0625rem; line-height: 143.922%; font-weight: 300; }

#bottom_ctrls #archives .yearset h4, #entry_body .page_navi .pages ul li a { font-size: 1.125rem; line-height: 100%; font-weight: 300; }

#entry_body #entry_panels a.entry_panel .panel_texts h4 { font-size: 1.125rem; line-height: 142.096%; font-weight: 300; }

#entry_body .page_navi .prev_next a { font-size: 1.25rem; line-height: 100%; font-weight: 300; }

#bottom_ctrls h3, #entry_body #entry_panels #notfound { font-size: 1.5rem; line-height: 100%; font-weight: 300; }

#entry_body #entry_titleset h3 { font-size: 2.25rem; line-height: 131.6%; font-weight: 300; }

/*-------------------------------------- common ---------------------------------------*/
.for_sp { display: none; }

* { margin: 0; padding: 0; }

body { color: #444661; font-family: TsukuOldMinPro-R,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; background: url(../../images/common_bg_pc.png) center top; background-size: 360px 180px; }

a, a:visited { color: #444661; text-decoration: none; }

ul { list-style: none; }

img { border-style: none; vertical-align: top; }

.cf:after, #block1 #searcharea form:after, #entry_body #entry_panels:after { content: ""; display: block; width: 0; height: 0; clear: both; overflow: hidden; }

.cf_node { clear: both; width: 0; height: 0; overflow: hidden; }

#wholepage { position: relative; min-width: 1100px; }

/*-------------------------------------- header ---------------------------------------*/
#header { display: table; width: 980px; margin: 0 auto; padding: 40px 60px 90px; }

#header #main_navi { display: table-cell; vertical-align: top; width: 340px; }

#header #main_navi #main_navi_body { font-family: TsukuAOldMinPr6-M,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; }

#header #main_navi #main_navi_body a { display: inline-block; margin-bottom: 4px; padding: 15px 0 3px; letter-spacing: 1px; background: url(../../images/common_deco_naviline_pc.png) no-repeat -174px bottom; background-size: 174px 4px; transition: 0.25s all; }

#header #main_navi #main_navi_body a:nth-child(3) { margin-left: 16px; }

#header #main_navi #main_navi_body a:nth-child(5) { margin-left: 32px; }

#header #main_navi #main_navi_body a:nth-child(7) { margin-left: 48px; }

#header #main_navi #main_navi_body a.thispage, #header #main_navi #main_navi_body a:hover { background-position: right bottom; }

#header #main_navi #main_navi_body a:last-child { display: none; }

#header h1 { display: table-cell; vertical-align: top; width: 300px; text-align: center; }

#header #header_fb { display: table-cell; vertical-align: middle; width: 340px; text-align: right; }

#header #header_fb > div { display: inline-block; position: relative; width: 32px; height: 32px; }

#header #header_fb > div a { width: 32px; height: 32px; }

/*-------------------------------------- body ---------------------------------------*/
#content_body { min-width: 1100px; }

/*-------------------------------------- footer ---------------------------------------*/
#footer { margin-top: 150px; padding: 77px 0 24px; color: #7a7a85; background: #e1e1e3; }

#footer #footer_body { display: table; min-width: 1100px; margin: 0 auto; }

#footer #footer_body #footer_left { display: table-cell; vertical-align: middle; width: 240px; padding: 0 0 2px 60px; }

#footer #footer_body #footer_left #footer_linkset { width: 147px; font-family: TsukuAOldMinPr6-M,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; text-align: center; border-top: 1px solid #ccccd0; }

#footer #footer_body #footer_left #footer_linkset a { display: block; padding: 15px 0 16px; color: #7a7a85; letter-spacing: 1px; border-bottom: 1px solid #ccccd0; transition: 0.3s all; }

#footer #footer_body #footer_left #footer_linkset a:hover { color: #444661; }

#footer #footer_body #footer_logo { display: table-cell; vertical-align: middle; width: 500px; text-align: center; }

#footer #footer_body #footer_right { display: table-cell; vertical-align: middle; width: 240px; padding: 0 60px 0 0; text-align: right; }

#footer #footer_body #footer_right a { display: inline-block; width: 53px; height: 46px; background: url(../../images/common_btn_pagetop_pc.png) no-repeat center top; background-size: 53px 92px; border-top: 1px solid #ccccd0; border-bottom: 1px solid #ccccd0; }

#footer #footer_body #footer_right a:hover { background-position: center bottom; }

#footer #copyright { padding: 40px 0 0; color: #c3c3c8; text-align: center; }

#block1 { position: relative; width: 1100px; margin: 0 auto; padding-top: 10px; text-align: center; }

#block1 #bird1 { position: absolute; top: -13px; left: 630px; width: 52px; height: 47px; background: url(../../images/common_fig_bird_left.png) no-repeat; background-size: 52px 47px; }

#block1 #searcharea { position: absolute; top: 21px; left: 828px; }

#block1 #searcharea form { height: 32px; }

#block1 #searcharea form input:first-child { display: block; width: 166px; height: 32px; padding-left: 14px; line-height: 200%; color: #444661; font-family: TsukuOldMinPro-R,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; background: #fff; border: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; float: left; }

#block1 #searcharea form ::-webkit-input-placeholder { color: #c7c7d1; font-style: italic; letter-spacing: 1px; }

#block1 #searcharea form ::-moz-placeholder { color: #c7c7d1; font-style: italic; letter-spacing: 1px; }

#block1 #searcharea form :-ms-input-placeholder { color: #c7c7d1; font-style: italic; letter-spacing: 1px; }

#block1 #searcharea form #search_btn { display: block; width: 32px; height: 32px; background: #dcdcde; border: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; float: left; transition: 0.25s all; }

#block1 #searcharea form #search_btn:hover { background: #92929a; }

#bottom_ctrls { width: 680px; margin: 50px auto 0; }

#bottom_ctrls h3 { margin-bottom: 7px; padding: 0 0 22px 0; background: url(../../images/common_deco_roughline.png) no-repeat left bottom; background-size: 856px 2px; }

#bottom_ctrls #recently_categories { display: table; }

#bottom_ctrls #recently_categories #recently_box { display: table-cell; vertical-align: top; width: 420px; }

#bottom_ctrls #recently_categories #recently_box ul li { padding: 20px 0 0; line-height: 100%; }

#bottom_ctrls #recently_categories #recently_box ul li a { display: inline-block; font-family: TsukuAOldMinPr6-M,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; border-radius: 5px; }

#bottom_ctrls #recently_categories #recently_box ul li a:hover { background: rgba(254, 232, 111, 0.15); }

#bottom_ctrls #recently_categories #recently_box ul li span { display: block; padding-top: 4px; color: rgba(68, 70, 97, 0.5); }

#bottom_ctrls #recently_categories #categories_box { display: table-cell; vertical-align: top; width: 200px; padding: 0 0 0 60px; }

#bottom_ctrls #recently_categories #categories_box ul li { padding: 20px 0 0; line-height: 100%; }

#bottom_ctrls #recently_categories #categories_box ul li a { display: inline-block; font-family: TsukuAOldMinPr6-M,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; border-radius: 5px; }

#bottom_ctrls #recently_categories #categories_box ul li a:hover { background: rgba(254, 232, 111, 0.15); }

#bottom_ctrls #archives { margin: 70px 0 0; }

#bottom_ctrls #archives h3 { margin-bottom: 30px; }

#bottom_ctrls #archives .yearset { display: table; margin-top: 25px; }

#bottom_ctrls #archives .yearset h4 { display: table-cell; vertical-align: middle; width: 68px; font-family: TsukuAOldMinPr6-M,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; }

#bottom_ctrls #archives .yearset ul { display: table-cell; vertical-align: middle; width: 612px; }

#bottom_ctrls #archives .yearset ul li { display: inline-block; margin: 0 0 0 6px; text-align: center; }

#bottom_ctrls #archives .yearset ul li > a, #bottom_ctrls #archives .yearset ul li > span { display: inline-block; width: 45px; padding: 15px 0; color: #fcf9f7; border-radius: 3px; }

#bottom_ctrls #archives .yearset ul li a { background: rgba(171, 171, 179, 0.7); transition: 0.25s all; }

#bottom_ctrls #archives .yearset ul li a:hover { background: #ababb3; }

#bottom_ctrls #archives .yearset ul li span { background: #e5e3e3; }

#entry_body { width: 980px; margin: 0 auto 0; padding: 80px 0 50px; }

#entry_body #entry_titleset { width: 680px; margin: 0 auto; text-align: center; background: url(../../images/common_deco_roughline.png) no-repeat center top; background-size: 856px 2px; background-color: rgba(255, 255, 255, 0.5); }

#entry_body #entry_titleset p { padding: 24px 0 14px; color: #bcbcc2; }

#entry_body #entry_titleset h3 { padding: 0 25px 29px; background: url(../../images/common_deco_roughline.png) no-repeat center bottom; background-size: 856px 2px; }

#entry_body #entry_panels { width: 980px; padding: 37px 0 0; }

#entry_body #entry_panels a.entry_panel { position: relative; display: block; width: 300px; margin-top: 33px; margin-left: 40px; background: url(../../images/common_deco_panelshadow.png) no-repeat center bottom; background-size: 300px 7px; float: left; }

#entry_body #entry_panels a.entry_panel:nth-child(1), #entry_body #entry_panels a.entry_panel:nth-child(2), #entry_body #entry_panels a.entry_panel:nth-child(3) { margin-top: 23px; }

#entry_body #entry_panels a.entry_panel:nth-child(3n+1) { margin-left: 0; }

#entry_body #entry_panels a.entry_panel .panel_img { width: 300px; padding-top: 61.7%; background-position: center center; background-size: cover; }

#entry_body #entry_panels a.entry_panel .panel_texts { margin-bottom: 7px; padding: 0 11px 0; background: #fff; border: 4px solid #fff; border-top: none; transition: 0.25s all; }

#entry_body #entry_panels a.entry_panel .panel_texts h4 { padding: 21px 0 13px; font-family: TsukuAOldMinPr6-M,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; text-align: center; }

#entry_body #entry_panels a.entry_panel .panel_texts h5 { color: rgba(68, 70, 97, 0.4); text-align: center; }

#entry_body #entry_panels a.entry_panel .panel_texts p { padding: 19px 0 15px; color: rgba(68, 70, 97, 0.85); }

#entry_body #entry_panels a.entry_panel:hover .panel_texts { border: 4px solid rgba(68, 70, 97, 0.15); border-top: none; }

#entry_body #entry_panels a.entry_panel div.notify_badge { position: absolute; display: block; width: 48px; height: 48px; top: 147px; left: -10px; background: url(../images/common_deco_notify.png) no-repeat; background-size: 48px 48px; }

#entry_body #entry_panels #notfound { display: none; padding: 150px 0 100px; text-align: center; }

#entry_body .page_navi { display: none; width: 680px; margin: 53px auto 0; text-align: center; }

#entry_body .page_navi .prev_next a { display: inline-block; margin: 0 10px 0; padding: 16px 26px; background: rgba(252, 249, 247, 0.6); border: 1px solid #afafb3; border-radius: 5px; transition: 0.2s all; }

#entry_body .page_navi .prev_next a:hover { background: rgba(255, 255, 255, 0.8); }

#entry_body .page_navi .pages { padding: 20px 0 0; }

#entry_body .page_navi .pages ul li { display: inline-block; }

#entry_body .page_navi .pages ul li a { display: block; margin: 0 5px 0; padding: 10px 15px; background: #fcf9f7; border: 1px solid #afafb3; border-radius: 5px; transition: 0.2s all; }

#entry_body .page_navi .pages ul li a.thispage, #entry_body .page_navi .pages ul li a:hover { color: #fcf9f7; background: #ababb3; }