@charset "UTF-8";
@media screen and (min-width:641px),
screen and (orientation: landscape){
#main-title { background: url(../images/blog/h2.jpg) no-repeat top center; }
/* 一覧
-----------------------------------------------------------*/
.list-Box { background-image: url(../images/blog/bg-ptn.jpg); padding: 20px; }
.list-Box .blog-list { background-color: #fff; padding: 30px; }
.list-Box .blog-list .clump { border-bottom: 1px dotted #000; padding-bottom: 16px; margin-bottom: 20px; }
.list-Box .blog-list .clump:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.list-Box .blog-list .date { width: 120px; color: #9f6524; margin-right: 45px; line-height: 1.7; }
.list-Box .blog-list .date:before { content: "■"; margin-right: .3em; }
.list-Box .blog-list .ttl { width: 530px; color: #0a090a; font-size: 14px; font-weight: 400; line-height: 18px; line-height: 1.7; }
.list-Box .blog-list .ttl a { color: #0a090a; }
/* 詳細
-----------------------------------------------------------*/
.dl-Box { background-image: url(../images/blog/bg-ptn.jpg); padding: 20px; }
.dl-Box .white-Box { background-color: #fff; padding: 30px 30px 48px 30px; }
.dl-Box .date { font-weight: 700; line-height: 30px; color: #9f6524; font-size: 18px; margin-bottom: 8px; letter-spacing: 1px; }
.dl-Box .date:before { content: "◆"; margin-right: .5em; }
.dl-Box .ttl { color: #0a090a; font-size: 20px; font-weight: 700; line-height: 18px; margin-bottom: 50px; letter-spacing: 1px; line-height: 1.6; }
.dl-Box h1.ttl{ font-size: 1.8em; font-weight: bold; line-height: 1.333em; padding-bottom: 25px; }
.dl-Box .wysiwyg { font-size: 16px; line-height: 1.9; letter-spacing: .5px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
/* contents-pager
-------------------------------------*/
.contents-pager { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: #666666; font-size: 14px; font-weight: 400; line-height: 25.778px; }
.contents-pager ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.contents-pager ul li { padding-right: 1.5em; }
.contents-pager ul li :before { content: "\ff1C \a0"; color: #333333; }
.contents-pager ul li:nth-child(2) { padding-left: 1.5em; text-align: right; background-image: url(../images/common/contents-pager-deco.jpg); background-repeat: no-repeat; background-position: left 3px; position: relative; }
.contents-pager ul li:nth-child(2) :before { content: "|"; color: #333333; position: absolute; left: -0.2em; }
.contents-pager ul li:nth-child(2) :after { content: "\a0 \FF1E"; color: #333333; }
/*.contents-pager .list-back :after { content: "\a0 \FF1E"; color: #333333; }*/
.top-bd { margin-top: 32px; padding-top: 20px; background-image: url(../images/common/pager.jpg); background-repeat: repeat-x; background-position: 0 top; }
.bottom-bd { border-bottom: 1px solid #333333; padding-bottom: 16px; }
/* WordPress 関連
-----------------------------------------------------------*/
/* calendar-column */
.calendar { margin-bottom: 35px; }
.calendar .ttl { margin-bottom: 15px; }
#wp-calendar { width: 85%; margin-left: auto; margin-right: auto; }
#wp-calendar caption { font-size: 16px; text-align: center; margin-bottom: 8px; }
#wp-calendar thead { color: #fff; font-weight: bold; }
#wp-calendar thead th { color: #fff; font-weight: bold; background: #000; padding-top: 7px; padding-bottom: 7px; padding-left: 5px; padding-right: 5px; border: 4px solid #fff; }
#light_column .calendar #wp-calendar { padding: 10px; background-color: #f5f3ef; }
#wp-calendar tbody tr td { padding-top: 7px; padding-bottom: 7px; padding-left: 2px; padding-right: 2px; text-align: center; font-size: 16px; }
#wp-calendar a { color: #e8340c; text-decoration: underline; font-weight: bold; }
#wp-calendar tfoot tr #prev { padding-top: 20px; font-size: 16px; }
#wp-calendar tfoot tr #prev a { padding-top: 20px; font-size: 16px; }
#wp-calendar tfoot tr #next { padding-top: 20px; font-size: 16px; text-align: right; }
#wp-calendar tfoot tr #next a { padding-top: 20px; font-size: 16px; }
/*new-column*/
.new-column { margin-bottom: 40px; }
.new-column .ttl { margin-bottom: 10px; }
.new-column .list { padding-left: 8px; padding-right: 8px; }
.new-column .list li { padding-top: 12px; padding-bottom: 13px; border-bottom: 1px dotted #191919; padding-left: 24px; font-size: 14px; color: #222222; line-height: 1.64; background-image: url(/css/../images/blog/icon.jpg); background-repeat: no-repeat; background-position: 8px 16px; }
.new-column .date { font-size: 14px; color: #707070; }
.new-column .title { font-size: 16px; color: #191919; }
/* category-column */
.category-column { margin-bottom: 40px; }
.category-column .ttl { margin-bottom: 10px; }
.category-column .list { padding-left: 8px; padding-right: 8px; }
.category-column .list li { padding-top: 12px; padding-bottom: 13px; border-bottom: 1px dotted #191919; padding-left: 24px; font-size: 14px; color: #222222; line-height: 1.64; background-image: url(/css/../images/blog/icon.jpg); background-repeat: no-repeat; background-position: 8px 16px; }
.category-column .list li a { color: #191919; }
/* contributor-column */
.contributor-column { margin-bottom: 35px; }
.contributor-column .ttl { margin-bottom: 10px; }
.contributor-column .list { padding-left: 8px; padding-right: 8px; }
.contributor-column .list li { padding-top: 12px; padding-bottom: 13px; border-bottom: 1px dotted #191919; padding-left: 24px; font-size: 14px; color: #222222; line-height: 1.64; background-image: url(/css/../images/blog/icon.jpg); background-repeat: no-repeat; background-position: 8px 16px; }
.contributor-column .list li a { color: #191919; }
/* archive-column */
.archive-column { margin-bottom: 35px; }
.archive-column .ttl { margin-bottom: 10px; }
.archive-column .list { padding-left: 8px; padding-right: 8px; }
.archive-column .list li { padding-top: 12px; padding-bottom: 13px; border-bottom: 1px dotted #191919; padding-left: 24px; font-size: 14px; color: #222222; line-height: 1.64; background-image: url(/css/../images/blog/icon.jpg); background-repeat: no-repeat; background-position: 8px 16px; }
.archive-column .list li a { color: #191919; }
#left-blog h3 { text-align: center; border-bottom: 1px #000 solid; margin-bottom: 10px; padding-bottom: 10px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; font-size: 13px; line-height: 150%; }
#left-blog h3 span { font-size: 35px; font-weight: lighter; }
#blog ul.bloglist { border: #000 4px solid; padding: 30px; }
#blog ul.bloglist li { border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 20px; }
#blog ul.bloglist li span { margin-bottom: 10px; }
#blog ul.bloglist li span:before { content: url(../images/index/staff-blog-icon.jpg); }
.blog-detail { margin-bottom: 20px; border: #000 4px solid; padding: 30px; }
.blog-detail img { max-width: 100%; height: auto; }
.blog-detail h4 { text-align: left; border-bottom: 1px #000 solid; margin-bottom: 20px; padding-bottom: 10px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; font-size: 20px; line-height: 150%; }
.blog-detail h4 span:before { content: url(../images/index/staff-blog-icon.jpg); }
#pref_next { margin-bottom: 20px; height: 45px; }
#pref_next li { float: left; margin-right: 20px; }
#pref_next .back { float: right; position: relative; top: -10px; float: right; margin-right: 0px; padding: 10px 20px; text-align: center; background: url(../images/index/concept-btn-back.jpg); }
#pref_next .back a { color: #fff; letter-spacing: 2px; }
.post-thumbnail { margin-bottom: 30px; text-align: center; }
.post-thumbnail img { max-width: 100%; }
.blogside { font-size: 13px !important; }
.bbb { text-align: center; margin-bottom: 30px; }
.back { font-weight: bold !important; position: absolute; right: 10px; bottom: 0px; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; background: #000 !important; width: 140px; height: 30px; text-align: center; padding-top: 7px; }
.post-categories { background: #fed900; display: inline-block !important; padding: 0px 10px !important; margin-left: 10px !important; border: none !important; }
.post-categories li { background: #fed900; padding: 3px 5px !important; margin-left: 0px !important; border: none !important; margin-bottom: 0px !important; }
.btn { text-align: right; }
}
@media screen and (orientation: portrait) {
@media screen and (max-width:640px) {
#main-title { background: url(../images/blog/h2.jpg) no-repeat top center; }
/* 一覧
-----------------------------------------------------------*/
.list-Box { background-image: url(../images/blog/bg-ptn.jpg); padding: 20px; margin-bottom: 4rem; }
.list-Box .blog-list { background-color: #fff; padding: 30px; }
.list-Box .blog-list .clump { border-bottom: 1px dotted #000; padding-bottom: 16px; margin-bottom: 20px; }
.list-Box .blog-list .clump:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.list-Box .blog-list .date { width: 100%; color: #9f6524; margin-right: 45px; line-height: 1.7; }
.list-Box .blog-list .date:before { content: "■"; margin-right: .3em; }
.list-Box .blog-list .ttl { width: 100%; color: #0a090a; font-size: 1em; font-weight: 400; line-height: 18px; line-height: 1.7; }
.list-Box .blog-list .ttl a { color: #0a090a; display: block; }
/* 詳細
-----------------------------------------------------------*/
.dl-Box { background-image: url(../images/blog/bg-ptn.jpg); padding: 10px; margin-bottom: 4rem; }
.dl-Box .white-Box { background-color: #fff; padding: 2rem 2rem; }
.dl-Box .date { font-weight: 700; line-height: 30px; color: #9f6524; font-size: 18px; margin-bottom: 8px; letter-spacing: 1px; }
.dl-Box .date:before { content: "◆"; margin-right: .5em; }
.dl-Box .ttl { color: #0a090a; font-size: 20px; font-weight: 700; margin-bottom: 25px; letter-spacing: 1px; line-height: 1.6; }
.dl-Box h1.ttl{ font-size: 0.9em; font-weight: bold; line-height: 1.333em; padding-bottom: 25px; }
.dl-Box .wysiwyg { font-size: 16px; line-height: 1.9; letter-spacing: .5px; }
.sp_mb30 { margin-bottom: 3rem;}
/* contents-pager
-------------------------------------*/
.contents-pager { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: #666666; font-size: 14px; font-weight: 400; line-height: 25.778px; }
.contents-pager ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.contents-pager ul li { padding-right: 1.5em; }
.contents-pager ul li :before { content: "\ff1C \a0"; color: #333333; }
.contents-pager ul li:nth-child(2) { padding-left: 1.5em; text-align: right; background-image: url(../images/common/contents-pager-deco.jpg); background-repeat: no-repeat; background-position: left 3px; position: relative; }
.contents-pager ul li:nth-child(2) :before { content: "|"; color: #333333; position: absolute; left: -0.2em; }
.contents-pager ul li:nth-child(2) :after { content: "\a0 \FF1E"; color: #333333; }
/*.contents-pager .list-back :after { content: "\a0 \FF1E"; color: #333333; }*/
.top-bd { margin-top: 32px; padding-top: 20px; background-image: url(../images/common/pager.jpg); background-repeat: repeat-x; background-position: 0 top; }
.bottom-bd { border-bottom: 1px solid #333333; padding-bottom: 16px; }
/* WordPress 関連
-----------------------------------------------------------*/
.blogside { display: block !important;}
.blogside h3 { text-align: center;}
.blogside h3 img { max-width: 200px;}
.blogside a { display:block;}
/* calendar-column */
.calendar { margin-bottom: 35px; }
.calendar .ttl { margin-bottom: 15px; }
#wp-calendar { width: 85%; margin-left: auto; margin-right: auto; }
#wp-calendar caption { font-size: 16px; text-align: center; margin-bottom: 8px; }
#wp-calendar thead { color: #fff; font-weight: bold; }
#wp-calendar thead th { color: #fff; font-weight: bold; background: #000; padding-top: 7px; padding-bottom: 7px; padding-left: 5px; padding-right: 5px; border: 4px solid #fff; }
#light_column .calendar #wp-calendar { padding: 10px; background-color: #f5f3ef; }
#wp-calendar tbody tr td { padding-top: 7px; padding-bottom: 7px; padding-left: 2px; padding-right: 2px; text-align: center; font-size: 16px; }
#wp-calendar a { color: #e8340c; text-decoration: underline; font-weight: bold; }
#wp-calendar tfoot tr #prev { padding-top: 20px; font-size: 16px; }
#wp-calendar tfoot tr #prev a { padding-top: 20px; font-size: 16px; }
#wp-calendar tfoot tr #next { padding-top: 20px; font-size: 16px; text-align: right; }
#wp-calendar tfoot tr #next a { padding-top: 20px; font-size: 16px; }
/*new-column*/
.new-column { margin-bottom: 40px; }
.new-column .ttl { margin-bottom: 10px; }
.new-column .list { padding-left: 8px; padding-right: 8px; }
.new-column .list li { padding-top: 12px; padding-bottom: 13px; border-bottom: 1px dotted #191919; font-size: 14px; color: #222222; line-height: 1.64; background-image: url(/css/../images/blog/icon.jpg); background-repeat: no-repeat; background-position: 8px 16px; }
.new-column .date { font-size: 14px; color: #707070; }
.new-column .title { font-size: 16px; color: #191919; }
/* category-column */
.category-column { margin-bottom: 40px; }
.category-column .ttl { margin-bottom: 10px; }
.category-column .list { padding-left: 8px; padding-right: 8px; }
.category-column .list li { padding-top: 12px; padding-bottom: 13px; border-bottom: 1px dotted #191919; padding-left: 24px; font-size: 14px; color: #222222; line-height: 1.64; background-image: url(/css/../images/blog/icon.jpg); background-repeat: no-repeat; background-position: 8px 16px; }
.category-column .list li a { color: #191919; }
/* contributor-column */
.contributor-column { margin-bottom: 35px; }
.contributor-column .ttl { margin-bottom: 10px; }
.contributor-column .list { padding-left: 8px; padding-right: 8px; }
.contributor-column .list li { padding-top: 12px; padding-bottom: 13px; border-bottom: 1px dotted #191919; padding-left: 24px; font-size: 14px; color: #222222; line-height: 1.64; background-image: url(/css/../images/blog/icon.jpg); background-repeat: no-repeat; background-position: 8px 16px; }
.contributor-column .list li a { color: #191919; }
/* archive-column */
.archive-column { margin-bottom: 35px; }
.archive-column .ttl { margin-bottom: 10px; }
.archive-column .list { padding-left: 8px; padding-right: 8px; }
.archive-column .list li { padding-top: 12px; padding-bottom: 13px; border-bottom: 1px dotted #191919; padding-left: 24px; font-size: 14px; color: #222222; line-height: 1.64; background-image: url(/css/../images/blog/icon.jpg); background-repeat: no-repeat; background-position: 8px 16px; }
.archive-column .list li a { color: #191919; }
#left-blog h3 { text-align: center; border-bottom: 1px #000 solid; margin-bottom: 10px; padding-bottom: 10px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; font-size: 13px; line-height: 150%; }
#left-blog h3 span { font-size: 35px; font-weight: lighter; }
#blog ul.bloglist { border: #000 4px solid; padding: 30px; }
#blog ul.bloglist li { border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 20px; }
#blog ul.bloglist li span { margin-bottom: 10px; }
#blog ul.bloglist li span:before { content: url(../images/index/staff-blog-icon.jpg); }
.blog-detail { margin-bottom: 20px; border: #000 4px solid; padding: 30px; }
.blog-detail img { max-width: 100%; height: auto; }
.blog-detail h4 { text-align: left; border-bottom: 1px #000 solid; margin-bottom: 20px; padding-bottom: 10px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; font-size: 20px; line-height: 150%; }
.blog-detail h4 span:before { content: url(../images/index/staff-blog-icon.jpg); }
#pref_next { margin-bottom: 20px; height: 45px; }
#pref_next li { float: left; margin-right: 20px; }
#pref_next .back { float: right; position: relative; top: -10px; float: right; margin-right: 0px; padding: 10px 20px; text-align: center; background: url(../images/index/concept-btn-back.jpg); }
#pref_next .back a { color: #fff; letter-spacing: 2px; }
.post-thumbnail { margin-bottom: 30px; text-align: center; }
.post-thumbnail img { max-width: 100%; }
.blogside { font-size: 13px !important; }
.bbb { text-align: center; margin-bottom: 30px; }
.back { font-weight: bold !important; position: absolute; right: 10px; bottom: 0px; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; background: #000 !important; width: 140px; height: 30px; text-align: center; padding-top: 7px; }
.post-categories { background: #fed900; display: inline-block !important; padding: 0px 10px !important; margin-left: 10px !important; border: none !important; }
.post-categories li { background: #fed900; padding: 3px 5px !important; margin-left: 0px !important; border: none !important; margin-bottom: 0px !important; }
.btn { text-align: right; }
}
}