@charset "UTF-8";

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

/*記事ページ：画像のキャプション前後のマージン調整*/
#detail_sec1 .part1 .part_body .block .img_wrapper img{margin-bottom: 0 !important;}
#detail_sec1 .part1 .part_body .block .img_wrapper .text{margin-top: 0 !important;}

/*記事ページ：INDEX後のマージン調整*/
#detail_sec1 .part1 .part_body .block.contents_block{margin-bottom: 10vw !important;}

/*記事ページ：カテゴリーのラベル及びpublishdateとタイトルの間を調整*/
#detail_sec1 .part1 .part_header .date_part{margin-bottom: 16px !important;}

/*記事ページ：グレーの囲み枠*/
#detail_sec1 .part1 .part_body .block.block1{padding: 12vw 7.3vw !important;margin-bottom: 2vw !important;}
#detail_sec1 .part1 .part_body .block.block1 .content:last-child{margin-bottom:0;}

/*記事ページ：見出し直下のタグ調整*/
#detail_sec1 .part1 .part_header .tags a{margin-bottom: 5px;}

/*記事ページ：コンテンツのフォントサイズ調整 vw調整*/
#detail_sec1 .part1 .part_header .date_part .category,
#detail_sec1 .part1 .part_header .date_part .date{font-size: 3.08vw !important;}
#detail_sec1 .part1 .part_header .date_part{margin-bottom: 0 !important;}
#detail_sec1 .part1 .part_header .tags a{font-size: 3.08vw !important;height: 6.16vw !important;line-height: 6.16vw;border-radius: 3.2vw !important;}
#detail_sec1 .part1 .part_body .block.header_block .content p{font-size: 4.12vw !important;}
#detail_sec1 .part1 .part_body .block.block1 .content h2{font-size: 5.13vw !important;}
#detail_sec1 .part1 .part_body .block.header_block .content p.from{font-size: 2.83vw !important;}


/*記事ページ：コンテンツのフォントサイズ調整 INDEX*/
#detail_sec1 .part1 .part_body .block.contents_block h2.eigo{font-size: 3.08vw !important;font-weight: 500;}
#detail_sec1 .part1 .part_body .block.contents_block .block_content ul li{font-size: 3.59vw !important;font-weight: 500;}

/*記事ページ：コンテンツのフォントサイズ調整 h2*/
#detail_sec1 .part1 .part_body .block .content h2{font-size: 4.62vw !important;}

/*記事ページ：コンテンツのフォントサイズ調整 h3*/
#detail_sec1 .part1 .part_body .block .content h3{font-size: 4.62vw !important;margin-bottom: 3.08vw;}

/*記事ページ：コンテンツのフォントサイズ調整 本文*/
#detail_sec1 .part1 .part_body .block .content p{font-size: 3.59vw !important;}

/*記事ページ：コンテンツのフォントサイズ調整 リスト*/
#detail_sec1 .part1 .part_body .block .content .list_block ul{padding-left: 8.3vw;}
#detail_sec1 .part1 .part_body .block .content .list_block ul li{font-size: 3.59vw !important;text-indent: -8.3vw;margin-bottom: 4.12vw;}
#detail_sec1 .part1 .part_body .block .content .list_block ul li span.number{font-size: 3.08vw !important;width: 5vw !important;height: 5vw !important;line-height: 5vw !important;margin-top: -.5vw !important;}

/*記事ページ：コンテンツのフォントサイズ調整 ライター情報*/
#detail_sec1 .part1 .part_body .block.writer_block h4,#detail_sec1 .part1 .part_body .block.writer_block .block_body{font-size: 3.59vw !important;}

/*記事ページ：コンテンツのフォントサイズ調整 画像キャプション*/
#detail_sec1 .part1 .part_body .block .img_wrapper .text{font-size:2.83vw !important;}

/*記事ページ：おまけのQ&A 崩れ調整*/
#common_section .part3 .faq_block .answer dl dt{font-size: 4.62vw !important;}
#common_section .part3 .faq_block .answer dl dd{position: relative;display: block;padding-left:2rem;font-size: 3.59vw !important;}
#common_section .part3 .faq_block .answer dl dd span{position: absolute;top: 0;left: 2vw;margin-top:-.8vw;}
#common_section .part3 .faq_block .answer dl dd a{display: block;}

/*記事ページ：共通コンポーネントのフォントサイズ調整*/
#common_section .part3 h3{font-size: 4.12vw !important;}
#common_section .breadcrumb a, .breadcrumb span{font-size: 3.08vw !important;}
#common_section .part2 .rank_block .piece1 .rank_btn img{width: 100%;}
#common_section .part2 .rank_block .piece1 .rank_btn .rank_body .no{font-size: 3.08vw !important;}
#common_section .part2 .rank_block .piece1 .rank_btn .rank_body .no .number{font-size: 4.62vw !important;}
#common_section .part2 .rank_block .piece1 .rank_btn .rank_body .rank_content .category{font-size: 3.08vw !important;}
#common_section .part2 .rank_block .piece1 .rank_btn .rank_body .rank_content .date,
#common_section .part2 .rank_block .piece1 .rank_btn .rank_body .rank_content .viewmore{font-size: 3.59vw !important;}
#common_section .part2 .rank_block .piece2 .rank_btn .rank_body .no{font-size: 3.08vw !important;}
#common_section .part2 .rank_block .piece2 .rank_btn .rank_body .no .number{font-size: 4.62vw !important;}
#common_section .part2 .rank_block .piece2 .rank_btn .rank_body .rank_content .category,
#common_section .part2 .rank_block .piece2 .rank_btn .rank_body .rank_content .date{font-size: 2vw !important;}
#common_section .part2 .rank_block .piece2 .rank_btn .rank_body .rank_content h3{font-size: 3.59vw !important;}
#common_section .part2 .rank_block .piece2 .rank_btn .rank_body .rank_content .viewmore{font-size: 3.08vw !important;}
#common_section .part4 .tags_block h2{font-size: 4.11vw !important;}
#common_section .part4 .tags_block ul li a{font-size: 3.08vw !important;height: 6.16vw !important;line-height: 6.16vw;border-radius: 3.2vw !important;}
#common_section .part1 .banner{height: auto !important;margin-top: 10vw !important;}

/*記事ページ：INDEXの上のマージン調整*/
#detail_sec1 .part1 .part_body{margin-top: 5vw !important;}
#detail_sec1 .part1 .part_body .block.contents_block{margin-top: 5vw !important;}

/*記事ページ：記事タイトルの上のマージン調整*/
#detail_sec1 .part1 .part_header h1{margin-top: 2.6vw;}

/*記事ページ：記事タイトルのタグ下のマージン調整*/
#detail_sec1 .part1 .part_header .tags a {margin-bottom: 2vw !important;}

/*Aboutページ：タイトル上のスペースを調整調整*/
#detail_sec1.aboutPage{padding-top: 10vw !important;}
#detail_sec1.aboutPage .part1 .part_header{padding-bottom:0 !important;}
#detail_sec1.aboutPage .part1 .part_header h1{padding: 0 !important;margin-top:0 !important;}
#detail_sec1.aboutPage .part1 .part_body{margin-top: 0 !important;}
}


/*ヘッダー：タブレット調整*/
@media screen and (max-width: 1000px) {
 .navToggle[aria-expanded=false].-scroll .navToggle__mplus{height: 20px;}
 .navToggle[aria-expanded=false].-scroll .navToggle__mplus img{vertical-align: top;margin-top: 3px;}
}
@media only screen and (min-width: 500px) and (max-width: 768px){
 .navToggle .navToggle__label{font-size: 10px;}
}
@media only screen and (min-width: 769px) and (max-width: 1000px){
 .header{font-size: initial;}
 .header .header__shareListLink{display: flex;justify-content: flex-start;align-items: center;}
}