@charset "UTF-8"; /* Theme Name: exsampleName Description: exsampleName WordPress Theme Author: exsampleName Inc. Author URI: https://www.exsampleName.jp/ Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif; */ /* blog ---------------------------------------------------------*/ /* line 20, style.scss */ #blog, #news { /* sideBar */ } /* line 23, style.scss */ #blog .titleSec .title, #news .titleSec .title { color: #22b573; } /* line 31, style.scss */ #blog .archiveType p, #news .archiveType p { border-bottom: 3px dotted rgba(0, 0, 0, 0.2); padding: 0 0.5rem 0.5rem; margin: 0 auto 2rem; display: inline-block; font-size: 16px; font-size: 1rem; line-height: 1.8rem; } /* line 33, style.scss */ #blog .contentsWrap, #news .contentsWrap { width: 1000px; display: flex; justify-content: space-between; margin: auto; text-align: left; } /* line 34, style.scss */ #blog .contentsWrap .contents, #news .contentsWrap .contents { width: 700px; } /* line 35, style.scss */ #blog .contentsWrap .contents .post, #news .contentsWrap .contents .post { border-bottom: 4px double #ededed; padding-bottom: 60px; margin-bottom: 60px; } /* line 36, style.scss */ #blog .contentsWrap .contents .post a, #news .contentsWrap .contents .post a { color: inherit; display: inline-block; width: 100%; } /* line 37, style.scss */ #blog .contentsWrap .contents .post a:hover, #news .contentsWrap .contents .post a:hover { opacity: 0.7; } /* line 38, style.scss */ #blog .contentsWrap .contents .post .tit, #news .contentsWrap .contents .post .tit { font-size: 24px; font-size: 1.5rem; line-height: 2.25rem; padding-bottom: 1.2rem; border-bottom: 1px dashed rgba(0, 0, 0, 0.2); color: #22b573; margin-bottom: 2rem; } /* line 39, style.scss */ #blog .contentsWrap .contents .post .text, #news .contentsWrap .contents .post .text { display: flex; justify-content: space-between; margin: 0 auto 40px; } /* line 40, style.scss */ #blog .contentsWrap .contents .post .ph, #news .contentsWrap .contents .post .ph { width: 160px; height: 160px; } /* line 41, style.scss */ #blog .contentsWrap .contents .post .read, #news .contentsWrap .contents .post .read { width: calc(100% - 200px); font-size: 15px; font-size: 0.9375rem; line-height: 2.0625rem; } /* line 42, style.scss */ #blog .contentsWrap .contents .post .date, #news .contentsWrap .contents .post .date { font-size: 12px; font-size: 0.75rem; line-height: 1.35rem; font-weight: 300; } /* line 43, style.scss */ #blog .contentsWrap .contents .post .textWrap, #news .contentsWrap .contents .post .textWrap { font-size: 16px; font-size: 1rem; line-height: 2.4rem; font-weight: 500; margin: 0 auto 40px; } /* line 44, style.scss */ #blog .contentsWrap .contents .post .textWrap p, #news .contentsWrap .contents .post .textWrap p { margin-bottom: 2rem; } /* line 45, style.scss */ #blog .contentsWrap .contents .post .textWrap img, #news .contentsWrap .contents .post .textWrap img { /*width: auto;*/ width: 100%; max-width: 100%; margin-bottom: 1.5em; } /* line 51, style.scss */ #blog #sideNav, #news #sideNav { width: 240px; } /* line 52, style.scss */ #blog #sideNav .widget, #news #sideNav .widget { margin: 0 auto 60px; } /* line 53, style.scss */ #blog #sideNav .wp-calendar-table, #news #sideNav .wp-calendar-table { width: 100%; } /* line 54, style.scss */ #blog #sideNav .wp-calendar-table caption, #news #sideNav .wp-calendar-table caption { text-align: center; padding-bottom: 10px; } /* line 55, style.scss */ #blog #sideNav .wp-calendar-table th, #blog #sideNav .wp-calendar-table td, #news #sideNav .wp-calendar-table th, #news #sideNav .wp-calendar-table td { padding: 3px 0; text-align: center; font-weight: 400; } /* line 56, style.scss */ #blog #sideNav .wp-calendar-table a, #news #sideNav .wp-calendar-table a { color: #22b573; } /* line 57, style.scss */ #blog #sideNav .wp-calendar-table #today, #blog #sideNav .wp-calendar-table .today, #news #sideNav .wp-calendar-table #today, #news #sideNav .wp-calendar-table .today { background: #22b573; color: #fff; } /* line 58, style.scss */ #blog #sideNav .wp-calendar-table #today a, #blog #sideNav .wp-calendar-table .today a, #news #sideNav .wp-calendar-table #today a, #news #sideNav .wp-calendar-table .today a { color: #fff; } /* line 59, style.scss */ #blog #sideNav .widgettitle, #news #sideNav .widgettitle { font-size: 16px; font-size: 1rem; line-height: 2rem; font-weight: 500; border-left: 5px solid #ff0000; padding-left: 5%; margin-bottom: 15px; } /* line 60, style.scss */ #blog #sideNav .widget_recent_entries ul li, #news #sideNav .widget_recent_entries ul li { font-size: 13px; font-size: 0.8125rem; line-height: 1.625rem; margin: 0 auto 5px; display: block; } /* line 61, style.scss */ #blog #sideNav .widget_categories ul li, #news #sideNav .widget_categories ul li { font-size: 14px; font-size: 0.875rem; line-height: 1.75rem; display: block; } /* line 62, style.scss */ #blog #sideNav .widget_recent_entries ul li a, #blog #sideNav .widget_categories ul li a, #news #sideNav .widget_recent_entries ul li a, #news #sideNav .widget_categories ul li a { text-decoration: none; display: block; padding: 3px 0; } /* line 63, style.scss */ #blog #sideNav .hpInfo, #news #sideNav .hpInfo { margin: 0 auto 60px; } /* line 64, style.scss */ #blog #sideNav .hpInfo h2, #news #sideNav .hpInfo h2 { display: block; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.25); font-size: 17px; font-size: 1.0625rem; line-height: 1.59375rem; font-weight: 500; margin: 0 auto 10px; padding-bottom: 8px; opacity: 0.9; } /* line 65, style.scss */ #blog #sideNav .hpInfo p, #news #sideNav .hpInfo p { font-size: 13px; font-size: 0.8125rem; line-height: 1.3rem; margin-bottom: 15px; font-weight: 400; } /* line 66, style.scss */ #blog #sideNav .hpInfo p + p, #blog #sideNav .hpInfo p + p + p, #news #sideNav .hpInfo p + p, #news #sideNav .hpInfo p + p + p { font-size: 12px; font-size: 0.75rem; line-height: 1.2rem; font-weight: 400; } /* line 68, style.scss */ #blog #sideNav .widget_archive label, #blog #sideNav .widget_search label, #news #sideNav .widget_archive label, #news #sideNav .widget_search label { display: none; } /* line 69, style.scss */ #blog #sideNav .widget_archive select, #blog #sideNav .widget_archive input, #blog #sideNav .widget_search select, #blog #sideNav .widget_search input, #news #sideNav .widget_archive select, #news #sideNav .widget_archive input, #news #sideNav .widget_search select, #news #sideNav .widget_search input { border: 1px solid #ccc; border-radius: 3px; font-family: inherit; padding: 6px; } /* line 70, style.scss */ #blog #sideNav .widget_archive select, #blog #sideNav .widget_search select, #news #sideNav .widget_archive select, #news #sideNav .widget_search select { width: 100%; } /* line 73, style.scss */ #blog .pagination, #news .pagination { margin: 0 auto 80px; text-align: center; display: flex; justify-content: space-between; justify-content: center; } /* line 74, style.scss */ #blog .pagination .page_num, #news .pagination .page_num { font-weight: 300; padding-right: 15px; font-size: 80%; display: none; } /* line 75, style.scss */ #blog .pagination .current, #news .pagination .current { color: #ff0000; } /* line 76, style.scss */ #blog .pagination span, #blog .pagination a, #news .pagination span, #news .pagination a { margin: 0 10px; } /* line 80, style.scss */ #blog .single-paging, #news .single-paging { display: flex; justify-content: space-between; padding: 0 1rem; margin: 0 auto 80px; } /* line 81, style.scss */ #blog .single-paging a, #news .single-paging a { padding: 0.5rem 1rem; color: #ff0000; } /* ------------------------------- スマホのみの設定 ------------------------------- */ @media only screen and (max-width: 750px) { /* line 89, style.scss */ #blog { /* sideBar */ } /* line 90, style.scss */ #blog main > article:nth-of-type(1) { padding-top: 50px; } /* line 91, style.scss */ #blog .baloon { width: 240px; margin-bottom: 3rem; } /* line 93, style.scss */ #blog .archiveType p { border-bottom: 2px dotted rgba(0, 0, 0, 0.2); padding: 0 0.5rem 0.5rem; margin: 0 auto 2rem; font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; } /* line 95, style.scss */ #blog .contentsWrap { width: 90%; display: flex; flex-direction: column; flex-wrap: wrap; } /* line 96, style.scss */ #blog .contentsWrap .contents { width: 100%; } /* line 97, style.scss */ #blog .contentsWrap .contents .post { padding-bottom: 30px; margin-bottom: 30px; } /* line 100, style.scss */ #blog .contentsWrap .contents .post .tit { font-size: 21px; font-size: 1.3125rem; line-height: 1.96875rem; padding-bottom: 1rem; margin-bottom: 1.5rem; } /* line 101, style.scss */ #blog .contentsWrap .contents .post .text { display: block; margin: 0 auto 20px; overflow: hidden; } /* line 102, style.scss */ #blog .contentsWrap .contents .post .ph { width: 120px; height: 120px; margin: 1% 5% 2% 0; float: left; } /* line 103, style.scss */ #blog .contentsWrap .contents .post .read { width: auto; font-size: 14px; font-size: 0.875rem; line-height: 1.575rem; } /* line 104, style.scss */ #blog .contentsWrap .contents .post .date { font-size: 12px; font-size: 0.75rem; line-height: 1.35rem; } /* line 105, style.scss */ #blog .contentsWrap .contents .post .textWrap { font-size: 15px; font-size: 0.9375rem; line-height: 2.25rem; font-weight: 500; margin: 0 auto 40px; } /* line 106, style.scss */ #blog .contentsWrap .contents .post .textWrap p { margin-bottom: 0.75rem; } /* line 107, style.scss */ #blog .contentsWrap .contents .post .textWrap img { width: 100%; margin-bottom: 1rem; } /* line 113, style.scss */ #blog.staffblog .baloon { width: 320px; } /* line 125, style.scss */ #blog #sideNav { width: 100%; } /* line 126, style.scss */ #blog #sideNav .widget { margin: 0 auto 60px; } /* line 127, style.scss */ #blog #sideNav .wp-calendar-table { width: 100%; } /* line 128, style.scss */ #blog #sideNav .wp-calendar-table caption { text-align: center; padding-bottom: 10px; } /* line 129, style.scss */ #blog #sideNav .wp-calendar-table th, #blog #sideNav .wp-calendar-table td { padding: 3px 0; text-align: center; font-weight: 400; } /* line 130, style.scss */ #blog #sideNav .wp-calendar-table a { color: #ff0000; } /* line 131, style.scss */ #blog #sideNav .wp-calendar-table #today { background: #ff0000; color: #fff; } /* line 132, style.scss */ #blog #sideNav .wp-calendar-table #today a { color: #fff; } /* line 133, style.scss */ #blog #sideNav .widgettitle { font-size: 16px; font-size: 1rem; line-height: 2rem; font-weight: 500; border-left: 5px solid #ff0000; padding-left: 5%; margin-bottom: 15px; } /* line 134, style.scss */ #blog #sideNav .widget_recent_entries ul li { font-size: 13px; font-size: 0.8125rem; line-height: 1.625rem; margin: 0 auto 5px; } /* line 135, style.scss */ #blog #sideNav .widget_categories ul li { font-size: 14px; font-size: 0.875rem; line-height: 1.75rem; } /* line 136, style.scss */ #blog #sideNav .widget_recent_entries ul li a, #blog #sideNav .widget_categories ul li a { text-decoration: none; display: block; padding: 3px 0; } /* line 137, style.scss */ #blog #sideNav .hpInfo { margin: 0 auto 60px; } /* line 138, style.scss */ #blog #sideNav .hpInfo h2 { display: block; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.25); font-size: 17px; font-size: 1.0625rem; line-height: 1.59375rem; font-weight: 500; margin: 0 auto 10px; padding-bottom: 8px; opacity: 0.9; } /* line 139, style.scss */ #blog #sideNav .hpInfo p { font-size: 13px; font-size: 0.8125rem; line-height: 1.3rem; margin-bottom: 15px; font-weight: 400; } /* line 140, style.scss */ #blog #sideNav .hpInfo p + p, #blog #sideNav .hpInfo p + p + p { font-size: 12px; font-size: 0.75rem; line-height: 1.2rem; font-weight: 400; } /* line 142, style.scss */ #blog #sideNav .widget_archive label, #blog #sideNav .widget_search label { display: none; } /* line 143, style.scss */ #blog #sideNav .widget_archive select, #blog #sideNav .widget_archive input, #blog #sideNav .widget_search select, #blog #sideNav .widget_search input { border: 1px solid #ccc; border-radius: 3px; font-family: inherit; padding: 6px; } /* line 144, style.scss */ #blog #sideNav .widget_archive select, #blog #sideNav .widget_search select { width: 100%; } /* line 147, style.scss */ #blog .pagination { margin: 0 auto 80px; text-align: center; display: flex; justify-content: space-between; justify-content: center; } /* line 148, style.scss */ #blog .pagination .page_num { font-weight: 300; padding-right: 15px; font-size: 80%; display: none; } /* line 149, style.scss */ #blog .pagination .current { color: #ff0000; } /* line 150, style.scss */ #blog .pagination span, #blog .pagination a { margin: 0 10px; } /* line 154, style.scss */ #blog .single-paging { padding: 0 1rem; margin: 0 auto 100px; } /* line 155, style.scss */ #blog .single-paging a { padding: 0.5rem 1rem; } }