@charset "utf-8";
/* 全ページ共通。値は旧 PC テーマ基準。PC だけの並べ方は min-width:1024px に入れ、SP（site-sp.css）で打ち消さずに済むようにした。画像は ../../img/。説明は notes/css.md */
/* reset（旧 reset.css から未使用と IE 用を除いた） */
*{margin:0;padding:0;font-size:100%}
iframe,fieldset{border:0}
sub,sup{vertical-align:baseline}
h1,h2,h3,h4,h5,h6,caption,address,th{font-style:normal;font-weight:normal}
ul,ol,li,dl,dt,dd{list-style:none}
table,th,td{vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
q{quotes:none}
ins,mark{color:#000;text-decoration:none;background:#ff9}
hr{display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #ccc}
img{max-width:100%;height:auto;border:0;vertical-align:top}
button,fieldset,form,input,label,legend,select,textarea{margin:0;padding:0;vertical-align:baseline;font-family:inherit;font-style:inherit;font-weight:inherit;font-size:100%}
input,select{vertical-align:middle}
select{padding:2px;background:#fff}
input:focus,textarea:focus,select:focus{background:#d5dfff}
/* 準標準モードの補正（調査09 §5-1）。詳細度0 */
:where(table){font-weight:normal;font-style:normal;font-variant:normal;line-height:normal;white-space:normal;text-align:start;color:#000}
:where(td[style^="height"],td[style*=" height"],td[style*=";height"],th[style^="height"],th[style*=" height"],th[style*=";height"]){box-sizing:border-box}
/* reset が消した枠をキーボード操作のときだけ出す */
:focus-visible{outline:2px solid #0081ba;outline-offset:2px}
/* 土台 */
html{overflow-y:scroll;scroll-padding-top:20px}
body{color:#000;font-size:14px;font-weight:300;line-height:1.6;letter-spacing:.05em;font-family:"Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","游ゴシック Regular","Yu Gothic Regular",YuGothicRegular,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;background:#fff;overflow-wrap:break-word;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a:link,a:visited,a:hover,a:active{color:#000;text-decoration:none}
a,input{transition:.3s}
.clearfix::after{content:"";display:block;clear:both}
#Container{position:relative;width:100%}
.inner{position:relative;max-width:1230px;margin:0 auto}
.opacity a{opacity:1}
.opacity a:hover{opacity:.3}
.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);border:0;word-wrap:normal}
/* 旧 font.css。Roboto は読み込まない（css.md） */
.regular,.medium{font-family:"Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","游ゴシック Bold","Yu Gothic Bold",YuGothicBold,"メイリオ",Meiryo,sans-serif}
.regular{font-weight:400}
.medium{font-weight:500}
.roboto{font-family:Roboto,"Helvetica Neue",Arial,sans-serif}
/* 共通の部品 */
.commonBtn{display:inline-block}
.commonBtn a{display:block;padding:8px 0;color:#fff;text-align:center;border-radius:5px;background:#EA5503}
.commonBtn a:hover{background:#F6B692}
.searchForm{display:inline-block;position:relative;overflow:hidden;border:1px solid #000;border-radius:5px;background:#fff;box-sizing:border-box}
.searchForm input[type=text]{display:inline-block;width:100%;height:34px;padding:0 44px 0 10px;border:0;box-sizing:border-box;appearance:none}
.searchForm input[type=submit]{position:absolute;top:0;right:0;width:34px;height:34px;border:0;border-radius:0;background:#000 url(../../img/common/icon_search.png) center no-repeat;cursor:pointer;appearance:none}
.searchForm input[type=submit]:hover{opacity:.3}
.search_list{text-align:left}
.search_list dt{margin-bottom:25px;font-size:18px;color:#000;text-align:center}
.search_list dt span{display:inline-block;border-bottom:5px solid #000}
.search_list dd{display:inline-block;margin:0 10px 10px 0}
.search_list.search_tool dd{margin:0 2.5px 5px}
.search_list dd a{color:#000}
.search_list.search_tags dd a:hover{text-decoration:underline}
.search_list.search_tool dd a{display:block;padding:5px 12px;font-size:11px;text-align:center;background:#fff}
.search_list.search_tool dd a:hover{color:#fff;background:#000}
#tag_list{max-width:800px;margin:0 auto 80px;padding:60px;border:1px solid #000;background:#F0F0F0}
#tag_list .search_list{text-align:center}
#tag_list dt{margin-bottom:40px}
.ttl_common1{display:inline-block;margin-bottom:30px;padding-bottom:10px;font-size:24px;font-weight:bold;color:#000;border-bottom:5px solid #000}
.txt_more a{position:relative;padding-right:12px;font-size:16px;text-decoration:underline}
.txt_more a:hover{text-decoration:none}
.txt_more a::after{content:"";position:absolute;right:0;top:50%;width:8px;height:8px;margin-top:-5px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg)}
.part_date{color:#EA5503}
.part_catlist{padding-left:28px;color:#EA5503;background:url(../../img/common/icon_cat.png) 0 0/auto 20px no-repeat}
.part_catlist li{display:inline-block}
.part_catlist li::after{content:"/";color:#EA5503}
.part_catlist li:last-child::after{content:" "}
.part_catlist li a{color:#EA5503}
/* タグは幅固定の float だと狭い幅で下の段に落ちた（調査08 §2 #2）ので flex */
.part_meta{display:flex;justify-content:space-between;align-items:flex-start;padding:10px;font-size:14px;text-align:left;background:#F0F0F0}
.part_meta a:hover{text-decoration:underline}
.part_meta .part_date{flex:none;margin-right:15px}
.part_meta .part_catlist{flex:0 1 450px;min-width:0}
.entry_list1{text-align:center}
.entry_list3{font-size:11px;text-align:center}
.entry_list3 dt{margin-bottom:25px;font-size:18px;color:#000;text-align:center}
.entry_list3 dt span{display:inline-block;border-bottom:5px solid #000}
.entry_list3 dd{margin-bottom:8px}
.entry_list3 dd:last-child{margin-bottom:0}
.entry_list3 dd a{display:block;overflow:hidden;width:100%;text-align:left}
.entry_list3 dd img{float:left;width:30%;margin-right:3%}
.entry_list4{font-size:11px;text-align:center}
.entry_list4 a:hover{text-decoration:underline}
.entry_list4 dl{margin-bottom:80px}
.entry_list4 dd{overflow:hidden;margin-bottom:8px;text-align:left}
/* 旧の !important の代わりに id 2つで強くする */
#main #wrapper :is(.entry_list3,.entry_list4) dd:last-child{margin-bottom:0}
.entry_list4 dd .part_ttl{font-weight:bold}
.entry_list5{font-size:11px;text-align:center}
#breadcrumb li{display:inline-block}
#breadcrumb a:hover{text-decoration:underline}
#breadcrumb li::after{content:" >"}
#breadcrumb li:last-child::after{content:" "}
#main #wrapper{position:relative}
/* ページ送り。テーマは標準の paginate_links のクラス（.page-numbers・.current・.prev・.next・.dots）のまま出す（旧 WP-PageNavi のクラスは使わない）。見た目は旧と同じ: 番号＝黒い箱、今のページ＝オレンジ、前後＝黒い丸 */
.wp-pagenavi .page-numbers:not(.prev,.next,.dots){margin:6px;padding:15px 12px;color:#fff;text-decoration:none}
.wp-pagenavi a.page-numbers:not(.prev,.next){background:#000}
.wp-pagenavi a.page-numbers:not(.prev,.next):hover,.wp-pagenavi .current{background:#EA5503}
.wp-pagenavi :is(.prev,.next){position:relative;display:inline-block;width:25px;height:25px;text-indent:-9999px;border-radius:50%;background:#000}
.wp-pagenavi .prev{margin-right:25px}
.wp-pagenavi .next{margin-left:25px}
.wp-pagenavi :is(.prev,.next):hover{background:#9D9D9D}
.wp-pagenavi :is(.prev,.next)::after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;margin-top:-3.5px;border-top:2px solid #fff;border-right:2px solid #fff}
.wp-pagenavi .prev::after{margin-left:-2.5px;transform:rotate(-135deg)}
.wp-pagenavi .next::after{margin-left:-5px;transform:rotate(45deg)}
.wp-pagenavi .dots{color:#000}
/* .copy_btn は GTM のトリガー。名前を変えない */
.copy_btn{display:block;box-sizing:border-box;width:600px;max-width:100%;margin:30px auto;padding:20px 10px 20px 150px;font-size:18px;font-weight:bold;line-height:1;letter-spacing:inherit;color:#000;text-align:left;border:1px solid #000;background:url(../../img/common/icon_copy.png) 100px center/auto 64% no-repeat;cursor:pointer}
.copy_btn.copied{color:#fff;background-color:#6b7286;background-image:url(../../img/common/icon_copy_checked.png);background-size:auto 54%}
/* 共有ボタン（AddToAny の置き換え）。上は本文の頭、下は本文枠の左下 */
.part_content.has_copy_btn{position:relative;padding-bottom:66px}
.share-btns{display:flex;gap:8px;margin:16px 0}
.share-btns-top{margin-bottom:40px}
.has_copy_btn .share-btns-bottom{position:absolute;left:0;bottom:0;margin:0}
/* 本文のリンク色（1,1,1）に勝つ詳細度 */
#entry_detail .share-btns .share-btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:#fff;text-decoration:none;border-radius:4px;transition:opacity .3s}
#entry_detail .share-btns .share-btn:hover{opacity:.7}
.share-btn svg{width:60%;height:60%}
.share-btn-facebook{background:#0866FF}
.share-btn-x{background:#000}
#btn_top2{position:relative;display:block;width:46px;height:46px;border-radius:24px;background:#fff;box-sizing:border-box}
#btn_top2::before,#btn_top2::after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;border-top:2px solid #EA5503;border-right:2px solid #EA5503;transform:rotate(-45deg)}
#btn_top2::before{margin:-8px 0 0 -6px}
#btn_top2::after{margin:2px 0 0 -6px}
#home_melmag{max-width:720px;margin:0 auto 60px;padding:36px 20px 42px;border:1px solid #000;background:#F0F0F0;box-sizing:border-box}
/* トップ（PC・SP 共通の値） */
#page_top #recommend_tags{padding:40px 0 100px;text-align:center}
#page_top #recommend_tags ul{display:flex;flex-wrap:wrap;justify-content:space-around}
#page_top #recommend_tags li{margin:0 10px 10px}
#page_top #recommend_tags li a{display:block;padding:10px 40px;border:1px solid #999;border-radius:30px;background:#F0F0F0}
#page_top #recommend_tags li a:hover{background:#fafafa}
#page_top #interview{margin-bottom:80px}
#page_top #interview.entry_list4 dd{margin-bottom:30px}
#page_top #interview.entry_list4 dd a{display:block;overflow:hidden}
#page_top #interview.entry_list4 dd .part_ttl{margin-bottom:15px;font-size:150%}
#page_top #interview.entry_list4 dd .part_cont{margin-bottom:15px;font-size:14px}
#page_top #b2bmarkting{margin-bottom:80px}
#page_top #b2bmarkting .ttl_common1{position:relative;display:block;margin-bottom:14px;padding:0 0 0 24px;font-size:20px;text-align:left;border-bottom:0}
#page_top #b2bmarkting .ttl_common1::before{content:"";position:absolute;top:8px;left:0;width:16px;height:16px;background:#000}
#page_top #b2bmarkting .mtl_post_lists{margin:0 0 24px 16px;text-align:left}
#page_top #b2bmarkting .mtl_post_lists li{margin-bottom:10px}
#page_top #b2bmarkting .mtl_post_lists li a{font-size:16px;text-decoration:underline}
#page_top #b2bmarkting .mtl_post_lists li a:hover{text-decoration:none}
/* 一覧 */
#page_archive #article .inner{padding-top:40px}
#page_archive .entry_list4{margin-bottom:80px;font-size:14px}
#page_archive .entry_list4 dd{margin-bottom:60px}
#page_archive .entry_list4 dd .part_ttl{margin-bottom:15px;font-size:125%}
#page_archive .entry_list4 dd .part_type{display:inline-block;padding:0 10px;color:#fff;text-align:center;background:#EA5503}
#page_archive .entry_list4 dd .part_cont{min-height:80px;margin-bottom:15px}
#page_archive #term_list_wrap{text-align:center}
#page_archive .term_list{text-align:left}
#page_archive .term_list a:hover{text-decoration:underline}
#page_archive .term_list>li{position:relative;padding-left:24px}
#page_archive .term_list>li::before{content:"";position:absolute;top:12px;left:0;width:12px;height:12px;background:#000}
#page_archive .term_list>li a{display:inline-block;margin:0 0 4px;font-size:24px}
#page_archive .term_list_children{margin:0 0 0 24px}
#page_archive .term_list_children>li{position:relative;padding-left:16px}
#page_archive .term_list_children>li::before{content:"";position:absolute;top:11px;left:0;width:4px;height:4px;border-radius:2px;background:#000}
#page_archive .term_list_children>li:last-child{margin:0 0 20px}
#page_archive .term_list_children>li a{display:inline-block;margin:0;font-size:18px}
/* 記事・固定ページ */
#page_single #entry_detail{margin:0 auto 80px;padding-top:40px}
#page_single #entry_detail h1{margin-bottom:40px;font-size:26px;font-weight:bold}
#page_single #entry_detail .part_img1{margin-bottom:40px}
/* 幅は img の width 属性（原寸）のまま。width:auto にすると srcset の sizes（870px）を原寸とみなして本文幅まで引き伸ばされる */
#page_single #entry_detail .part_img1 img{display:block;height:auto;margin:0 auto}
#page_single #entry_detail .part_content{margin-bottom:80px}
#page_single #entry_detail .part_ad{margin-bottom:80px;text-align:center}
#page_single #entry_detail .part_meta{padding:10px 0;background:#fff}
#page_single #entry_detail .part_meta .part_catlist{flex-basis:690px}
#page_single #entry_detail .part_writer{overflow:hidden;padding-top:40px;border-top:2px solid #f0f0f0;background:#fff}
#page_single #entry_detail .part_writer img{float:left;width:96px;margin-right:20px}
#page_single #entry_detail .part_writer_ttl{margin-bottom:10px;font-size:20px}
#page_single #entry_detail .writer_sns{clear:both;margin:16px 0 0;text-align:center}
#page_single #entry_detail .writer_sns a{display:inline-block;margin:0 8px;padding:10px 60px 10px 90px;font-size:14px;font-weight:bold;line-height:1;border:1px solid #ccc;border-radius:20px}
#page_single #entry_detail .writer_sns .writer_twitter{background:url(../../img/common/Twitter_Logo_Blue.svg) 50px center/30px auto no-repeat}
#page_single #entry_detail .writer_sns .writer_twitter:hover{color:#fff;background-color:#1da1f2;background-image:url(../../img/common/Twitter_Logo_WhiteOnImage.svg)}
#page_single #entry_detail .writer_sns .writer_facebook{background:url(../../img/common/f_logo_RGB-Blue_100.png) 50px 6px/24px auto no-repeat}
#page_single #entry_detail .writer_sns .writer_facebook:hover{color:#fff;background-color:#3471f2;background-image:url(../../img/common/f_logo_RGB-White_100.png)}
#page_single #entry_detail .cat_bnr_wrap{padding-bottom:50px;text-align:center}
#page_single #entry_detail .cat_bnr_wrap .cat_bnr{margin-bottom:20px}
#page_single #entry_detail .cat_bnr_wrap .cat_bnr:last-child{margin-bottom:0}
#page_single #entry_detail .cat_bnr_wrap .cat_bnr a:hover{opacity:.8}
#page_single #entry_detail .dlWpBtn_wrap{margin:0 0 60px;text-align:center}
#page_single #entry_detail .dlWpBtn_wrap .dlWpBtn{position:relative;display:inline-block;margin:0 auto;padding:16px 60px 16px 52px;font-size:16px;color:#fff;border:0;border-radius:4px;background:#ea5503}
#page_single #entry_detail .dlWpBtn_wrap .dlWpBtn::after{content:"";position:absolute;top:18px;right:22px;width:12px;height:12px;border:1px solid;border-color:transparent transparent #fff #fff;transform:rotate(-45deg)}
#page_single .entry_list4{margin-bottom:80px;font-size:14px}
#page_single .entry_list4 .ttl_common1{display:block;color:#EA5503;border-bottom:5px solid #EA5503}
#page_single .entry_list4 dl{max-width:790px;margin:0 auto}
#page_single .entry_list4 dd{margin-bottom:40px}
/* 404 */
#page_404 #entry_detail{margin:0 auto 80px;padding-top:40px}
#page_404 .part_content{text-align:center}
#page_404 #entry_detail .part_content h1{font-size:20px}
#page_404 #entry_detail .part_content .ttl_404{margin:20px 0;font-size:48px;color:#ea5503}
#page_404 #entry_detail .part_content p{margin-bottom:30px;font-size:16px}
#page_404 #entry_detail .part_content .commonBtn{width:270px;font-size:16px}
#page_404 #entry_detail .part_content .ttl_new{margin:30px 0 20px;font-size:20px}
#page_404 #slider ul{display:grid;grid-template-columns:repeat(4,24%);column-gap:1%}
#page_404 #slider li{text-align:left}
#page_404 #slider li .item{display:block;position:relative}
#page_404 #slider a div{height:66px;padding:12px;background:#000;box-sizing:border-box}
#page_404 #entry_detail #slider .part_ttl{height:100%;overflow:hidden;margin-bottom:0;font-size:13px;color:#fff}
#page_404 #slider .txt_more{margin:30px auto 0;text-align:right}
#page_404 .txt_more a{font-size:14px}
/* お礼ページ（body#page_form.page_thanks） */
#page_form .part_content{margin-bottom:80px}
#page_form .part_content p{margin-bottom:30px}
#page_form .form_head{font-size:22px;line-height:2;text-align:center}
#page_form .form_desc{font-size:16px;text-align:center}
#page_form .form_tel_box{margin:36px 0;padding:22px 0 14px 220px;border-top:2px solid #f0f0f0;border-bottom:2px solid #f0f0f0;background:url(../../img/form/icon_phone.png) 125px center/66px auto no-repeat}
#page_form .form_tel_head{font-size:18px;color:#ea5503}
#page_form .form_tel_cont a{pointer-events:none}
#page_form .form_tel_contNum{margin-right:14px;font-size:36px;vertical-align:middle}
#page_form.page_thanks #entry_detail h1{margin:40px 0 30px;font-size:40px;font-weight:bold;color:#ea5503;text-align:center}
#page_form.page_thanks #entry_detail .part_content .commonBtn{display:block;width:270px;margin:50px auto;font-size:16px}
/* ===== PC だけ（1024px〜） ===== */
@media (min-width:1024px){
.is-sp,.sp-btn-menu,.sp-btn-search{display:none!important}
/* ロゴと #gNav の絶対配置は 1080px 未満で重なった（調査06 §2-4 PC #1）ので flex */
#header{height:80px;border-bottom:1px solid #D6D6D6;background:#fff}
#header .inner{display:flex;justify-content:space-between;align-items:flex-start;height:80px}
#header .logo{flex:0 0 230px;margin:15px 0 0 10px;text-align:center}
#header .logo img{width:80%}
#header .logo_text{display:block;margin:3px 0 0;font-size:10px;font-weight:bold;color:#666}
#header #gNav{flex:0 1 840px;min-width:0;margin-left:20px}
#header #gNav .gNav_main_menu{display:flex;justify-content:space-between}
#header #gNav .gNav_main_menu>li{position:relative}
#header #gNav .gNav_main_menu>li>a{display:block;padding:28px 0;font-size:16px;font-weight:600}
#header #gNav .gNav_main_menu>li>a.active::after,#header #gNav .gNav_main_menu>li:hover>a::after{content:"";display:block;width:100%;height:3px;background:#EA5503}
#header #gNav .gNav_sub_menu{display:none;position:absolute;top:72px;z-index:1000;width:260px;background:#fff}
#header #gNav .gNav_main_has_children:is(:hover,:focus-within,.is-open) .gNav_sub_menu{display:block}
#header #gNav .gNav_sub_menu a{display:block;padding:4px 10px 4px 20px}
#header #gNav .gNav_sub_menu a:hover{color:#EA5503;opacity:.7}
#header #gNav .gNav_sub_menu .sNav_sub_other{padding:10px 10px 10px 0;text-align:right}
#header #gNav .gNav_main_search{padding-top:22px}
#breadcrumb{position:absolute;left:0;top:-30px;width:100%;padding:0 0 0 10px;box-sizing:border-box}
/* 旧は display:table＋固定幅で 1230px 未満が横スクロール。サイドバー列は auto（無いページで列が空かない） */
#main{padding-top:40px}
#main #wrapper{display:grid;grid-template-columns:minmax(0,1fr) auto;max-width:1230px;margin:0 auto}
#article{grid-column:1;min-width:0}
#article .inner{max-width:870px;margin:0 40px 0 0;padding-left:40px;box-sizing:border-box}
.clm1 #article .inner{margin:0 auto}
#aside{grid-column:2;width:320px;padding:10px 10px 100px;background:#F0F0F0;box-sizing:border-box}
#aside .search_list{margin:0 auto 30px;padding:20px;border:1px solid #000;box-sizing:border-box}
#aside .search_list dd{font-size:11px}
#aside .search_list.search_tool{display:flex;flex-wrap:wrap;justify-content:center}
#aside .search_list.search_tool dt{width:100%}
#aside #side_bnr{margin:0 auto 30px}
#aside #side_bnr li{margin:0 auto 10px}
.entry_list4 dd .pict{float:left;width:23%}
.entry_list4 dd .cont{float:right;width:75%}
#page_single .entry_list4 dd .pict{width:114px}
#page_single .entry_list4 dd .cont{width:calc(100% - 127px)}
.btn_top{position:fixed;left:50%;bottom:45px;z-index:999;margin-left:45%}
/* トップ。1100・1080px 固定と float を grid に（調査06 §2-4 PC #6・#7） */
#page_top #main{padding-top:0}
#page_top #mv{margin:0 auto 40px;padding:30px 0;border-bottom:1px solid #D6D6D6;background:#F0F0F0}
#page_top #mv .inner{display:grid;grid-template-columns:minmax(0,600fr) minmax(0,470fr);column-gap:30px;max-width:1100px}
#page_top #mv .inner::after{content:none}
#page_top #mv .inner a{display:block;position:relative;overflow:hidden}
#page_top #mv .inner a div{background:#fff}
#page_top #mv .part_ttl{padding:15px 25px 6px;font-size:20px;font-weight:bold;line-height:1.5}
#page_top #mv #recommend_left .recommend_img{display:flex;justify-content:center;align-items:center;height:376px;overflow:hidden}
#page_top #mv #recommend_left .cont{height:140px;border-top:1px solid #ccc;box-sizing:border-box}
#page_top #mv #recommend_left .part_cont{padding:0 25px}
#page_top #mv #recommend_right .recommend_box{margin:0 0 20px;letter-spacing:-1em}
#page_top #mv #recommend_right .recommend_box:last-child{margin-bottom:0}
#page_top #mv #recommend_right :is(.recommend_img,.recommend_cont){display:inline-block;vertical-align:top;letter-spacing:normal}
#page_top #mv #recommend_right .recommend_img{width:114px;overflow:hidden}
#page_top #mv #recommend_right .recommend_cont{width:calc(100% - 114px);min-height:114px}
#page_top #mv #recommend_right .part_ttl{padding:14px;font-size:16px}
#page_top #mv .recommend_img img{max-width:100%;max-height:100%;object-fit:cover}
#page_top #slider{margin:0 auto;padding:0 0 40px;text-align:center;border-bottom:1px solid #D6D6D6}
#page_top #slider ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1080px;margin:0 auto}
#page_top #slider li{text-align:left}
#page_top #slider li .item{display:block;position:relative}
#page_top #slider a div{height:74px;padding:12px;background:#000;box-sizing:border-box}
#page_top #slider .part_ttl{margin-bottom:5px;font-size:16px;color:#fff}
#page_top #slider .txt_more{max-width:1080px;margin:30px auto 0;text-align:right}
#page_top #pickup{padding:40px 0;background:#F0F0F0}
#page_top #pickup ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:5%;row-gap:50px;max-width:1080px;margin:0 auto}
#page_top #pickup .li_cont{height:72px;padding:12px 10px;text-align:left;border-top:1px solid #ccc;background:#fff}
#page_top #pickup .post_genres{display:flex;flex-wrap:wrap;height:22px;overflow:hidden;margin-bottom:6px;font-size:14px;color:#EA5503}
#page_top #pickup .post_genre_li{padding-left:16px}
#page_top #pickup .post_genre_li:first-child{padding-left:0}
#page_top #article .home_inner{max-width:1080px;margin:0 auto}
/* フッター（旧のまま。900px まで崩れない） */
#footer .footer__bottom{border-bottom:1px solid #787878;background:#3c3c3c}
#footer .footer__bottom .footer__wrap{overflow:hidden;max-width:1000px;margin:0 auto;padding:55px 0 42px}
#footer .footer__bottom ul{overflow:hidden;padding-left:20px}
#footer .footer__bottom li{float:left;margin-right:20px;font-size:13px;line-height:28px}
#footer .footer__bottom li a{margin-left:14px;color:#b4b4b4}
#footer .footer__bottom li a:hover{color:#fff}
#footer .footer__information{background:#3c3c3c}
#footer .footer__information .footer__wrap{overflow:hidden;max-width:1000px;margin:0 auto;padding:40px 0}
#footer .footer__information .logo{float:left;width:280px;text-align:center}
#footer .footer__information .logo .txt{margin-bottom:20px;font-size:15px;line-height:1.1;color:#fff}
#footer .footer__information .logo .catch{margin-bottom:20px;font-size:24px;line-height:1.1;color:#b4b4b4}
#footer .footer__information .logo .name{font-size:16px;line-height:1.1;color:#fff}
#footer .footer__information .address{float:left;width:360px;margin:15px 0 0 60px;font-size:12px;line-height:26px;color:#fff}
#footer .footer__information .link{float:right;width:200px;margin-top:25px;text-align:center}
#footer .footer__information .link ul{margin-bottom:18px}
#footer .footer__information .link li{display:inline-block}
#footer .footer__information .link li:first-child a{display:block;width:36px;height:36px;text-indent:-9999px;background:url(../../img/common/btn_facebook.png) top center no-repeat;transition:none}
#footer .footer__information .link li:first-child a:hover{background-position:bottom center}
#footer .footer__information .link .copyright{font-size:12px;line-height:1.1;color:#b4b4b4}
}
/* 1024〜1229px の余白と、文字が増えて箱からはみ出す所（1230px 以上は今のまま） */
@media (min-width:1024px) and (max-width:1229px){
#header .inner{padding-right:10px}
}
@media (min-width:1024px) and (max-width:1139px){
#page_top #mv,#page_top #pickup{padding-left:20px;padding-right:20px}
#page_top #slider{padding:0 20px 40px}
#page_top #article .home_inner{padding-right:20px}
#page_top #mv #recommend_left .cont{height:auto;min-height:140px}
#page_top #slider a div{height:auto;min-height:74px}
}

/* 目次から h2 へ飛んだときの着地を旧 PC と同じに（旧 common.js は h2 だけ 30px 余分にずらしていた） */
@media (min-width:1024px){h2>.ez-toc-section{scroll-margin-top:30px}}