@charset "utf-8";
/*
Theme Name: goumousokuhou
Theme URI: https://goumousokuhou.com/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
	display: block;
}
ul, ol {
	list-style: none;
}
button {
	font-size: 100%;
}
.clear {
	clear: both;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
p{margin-bottom:24px;}
b{font-weight:bold;}
/*--------------------------------------
  table
--------------------------------------*/
table {border-collapse: collapse;width: 100%;}
table th,table td {padding: 10px;}
table th {background-color: #eee;border-bottom: 1px solid #fff;}
.post-table {width:100%;margin-bottom:20px;}
table.post-table th, table.post-table td {display: block;border-bottom:none;}
table.post-table {border-bottom: 1px #eee solid;}
table.post-table td{border-right: 1px #eee solid;border-left: 1px #eee solid;}
/*--------------------------------------
  クラス定義
--------------------------------------*/
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
/*--------------------------------------
  ボックス
--------------------------------------*/
blockquote {width: 85%;background: #fff url(images/bq24.png) left top no-repeat;margin: 24px auto 36px auto;padding: 30px 15px 15px;border-radius: 4px;box-shadow: 1px 1px 2px #000;-moz-box-shadow: 1px 1px 2px #000;-webkit-box-shadow: 1px 1px 2px #000;}
#contents blockquote p:last-child {margin-bottom: 0;}
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span {width: 100% !important;}
/*--------------------------------------
  クリアフィックス
---------------------------------------*/
.clearfix:after {
	visibility: hidden;
	height: 0;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
}
* html .clearfix {
	zoom: 1;
}
*:first-child+html .clearfix {
	zoom: 1;
}
/*--------------------------------------
  画像
--------------------------------------*/
img {
	max-width: 100%!important;
	height: auto;
	vertical-align: top;
	border: 0;
}
.alignright {
	float: right;
	margin: 0 0 24px 24px;
}
.alignleft {
	float: left;
	margin: 0 24px 24px 0;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
/*--------------------------------------
  リンク
--------------------------------------*/
a {color: #337ab7;text-decoration: none;}
a:hover {color: #f3f3f3;}
/*--------------------------------------
  全体構成
--------------------------------------*/
html {
	font-family: Meiryo, "メイリオ", verdana, sans-serif;
	font-size : 100%;
	line-height : 1.6;
	background: #fff;
	color: #333;
}
body {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}
/*--------------------------------------
  見出しベース
--------------------------------------*/
h1,h2,h3,h4,h5,h6 {margin-bottom: 24px;}
h1 {font-size:2em;}
h1.h-archive {font-size:2em;font-weight:bold;color: #fff;padding: 10px 0px;margin:0;}
h2 {font-size:36px;line-height: 1.5;font-weight:600;}
h2.post-tit {text-align: center;font-size: 24px;color: #2f4d93;background: none;border-bottom: 1px solid #2f4d93;font-weight:600;}
#article_body h2 {font-size:1.8em;border-bottom: 3px solid #e3e3e3;padding: 0.3em 0;margin-bottom:1.3em;position: relative;font-weight:600;}
#article_body h2:after {content: '';background-color: #4c9ac0;width: 2em;height: 3px;position: absolute;bottom: -3px;left: 0;z-index: 1;}
h3 {font-size:1.5em;line-height:1.5;font-weight:600;}
#article_body h3 {color:#5472cd;margin-bottom:1.3em;border-bottom: 2px solid;}
h4{font-weight:600;font-size:1.2em;}
/*--------------------------------------
  ヘッダ見出し
--------------------------------------*/
#header {width: 100%;background-color: rgba(255,255,255,0.9);height: 70px;position: fixed; top: 0;z-index:9999;}
.hcontents {width: 100%;height: 70px;}
.hgroup {display: flex;justify-content: space-between;}
.logo {width:60%;}
.logo img {height:70px;width:225px;}
/*--------------------------------------
  ナビゲーション
--------------------------------------*/
input[type="checkbox"] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.hamburger {
  display: block;
  width: 35px;
  height: 70px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;margin-right:10px;
}
.hamburger span,
.hamburger span::before,
.hamburger span::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #000;
  transition: all 0.5s;
}
.hamburger span::before {
  top: -10px;
}
.hamburger span::after {
  bottom: -10px;
}
input[type="checkbox"]:checked + .hamburger span {
  background-color: transparent;
}
input[type="checkbox"]:checked + .hamburger span::before {
  top: 0;
  transform: rotate(45deg);
}
input[type="checkbox"]:checked + .hamburger span::after {
  transform: rotate(-45deg);
  bottom: 0;
}
.nav {
  position: fixed;
  width: 80%;
  height: 100vh;
  top: 70px;
  right: -120%;
  background-color: #0f5474;
  color: #fff;
  padding: 50px 0;
  border-top: 1px solid #fff;
  transition: all 0.5s;
}
.nav__item a {
  display: block;
  font-size: 20px;
  padding: 20px 0 20px 50px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  transition: all 0.3s;
}
.nav__item a:hover {
  color: #0f5474;
  background-color: #fff;
}
input[type="checkbox"]:checked ~ .nav {
  right: 0;
}
/*--------------------------------------
  コンテンツエリア
--------------------------------------*/
#container {margin-top: 70px;}
#contents {width: 100%;line-height: 1.6;}
#contents p {margin-bottom: 2.1em;}
.inner {padding: 30px 10px;} 
#main {padding: 5px 10px;}
/*--------------------------------------
  アーカイブ
--------------------------------------*/
.archive-tit {background: #4c9ac0;margin-bottom: 5px;}
h2.h-archive {font-size:1.6em;;font-weight: bold;color: #fff;padding: 10px;margin:0;}
/*--------------------------------------
  トップページ
--------------------------------------*/
.top-con {height: 100%;}
.top-tit {font-size: 28px;text-align:center;}
p.t-text {font-size: 18px;text-align:center;color:#777;}
.t-block {display:block;}
.article-list_tit{font-size:1.5em;font-weight: bold;border-bottom: 2px solid #4c9ac0;padding: 0.3em;margin-bottom: 0.3em;}
.article-list_tit:first-letter {font-size: 1.5em;color: #4c9ac0;}
.article-listbox, .article-listbox2{padding:20px 0;}
.article-listbox img, .article-listbox2 img{width:100%;height:250px;object-fit:cover;}
.article-post_title p{color:#222;margin-bottom:5px;font-size:1.3em;font-weight:bold;}
.article-list_time {color:#222;}
.t_entry_img {
    overflow: hidden;
    position: relative;
}
.t_entry_img img {
    width:100%;
}
.t_entry_new {
    position: absolute;
    background: red;
    padding: 5px 10px;
    color: #fff;
}
.t_entry_info {
    overflow: hidden;
    border-top: 1px solid #ccc;
    background:#fff;
    padding: 10px;
}
.t_entry_cat {
    float:left;
}
.t_entry_cat a {
    color: #fff;
    padding: 2px 10px;
    background: #FF8000;
}
.t_entry_day {
    float:right;
    border: 1px #222 solid;
}
.entry_main {
	width: 100%;
    margin:10px 0px;
    background:#fff;
    overflow: hidden;
}
.t_entry_img_sub {
    float:left;
    width: 45%;
}
.t_entry_box_sub {
    float:right;
    width: 55%;
}
.postp_btn{text-align:center;margin:25px 0px;}
.postp_btn a{font-size:1.5em;background:#000;color:#fff;padding:15px 100px;}
.home_post_cat{padding-top:25px;}
.page_post_cat{padding-top:25px;}
/*--------------------------------------
  記事下関連記事
--------------------------------------*/
#relations-post {margin: 24px 0;}
#relations-post h2{font-size:1.5em;font-weight: bold;border-bottom: 2px solid #4c9ac0;padding: 0.3em;margin-bottom: 0.3em;}
#relations-post h2:first-letter {font-size: 1.5em;color: #4c9ac0;}
#relations-post a {font-size: 90%;color:#222;}
#relations-post .rel-in {display: flex;justify-content: space-between;flex-wrap: wrap;}
.rel-box{width:49%;margin-bottom:20px;}
#relations-post .rel-in .rel-box .rel-in-thumb {width:100%;}
#relations-post .rel-in .rel-box .rel-in-thumb img{width:100%;height:110px;object-fit:cover;}
#relations-post .rel-in .rel-box .rel-in-ttl{font-weight:bold;}
.post_other_box {margin: 24px 0;}
.post_other_box h2{font-size:1.5em;font-weight: bold;border-bottom: 2px solid #4c9ac0;padding: 0.3em;margin-bottom: 0.3em;}
.post_other_box h2:first-letter {font-size: 1.5em;color: #4c9ac0;}
.post_other_box a {font-size: 90%;color:#222;}
/*--------------------------------------
  パンくず
--------------------------------------*/
.pankuzu {font-size: 13px;padding-top: 10px;padding-bottom: 10px;padding-left: 7px;text-align: left;background: #4c9ac0;}
.pankuzu2 {font-size: 13px;padding-top: 10px;padding-bottom: 10px;padding-left: 7px;text-align: left;color:#222;}
.pankuzu a {text-decoration: none;padding-top: 7px;color:#fff;}
.pankuzu2 a{color:#222;}
#breadcrumb {color: #fff}
#breadcrumb2 {color:#222;padding:0 10px;}
#breadcrumb li {display: inline;font-size: 13px;}
#breadcrumb ul{list-style: none;}
#breadcrumb li a{color: #fff;text-decoration: none;}
#breadcrumb li + li:before{content: ">";margin:.5em;color:#fff;}
/*--------------------------------------
  ページャー
--------------------------------------*/
.pager{text-align: center;display: table;width: 100%;table-layout: fixed;margin-bottom: 25px;}
#main .pager a {text-decoration: none;}
a.page-numbers,.pager .current{background: #000;padding: 8px 16px;margin: 8px 2px 0;display: inline;color: #fff;border: 0;border-radius: 0;font-size:2.5em;}
.pager .current{background:#ddd;color:#fff;border: 0;}
.page-numbers.current {background: #ddd;color:#222;border: 0;padding: 8px 16px;margin: 8px 2px 0;display: inline;font-size:2.5em;}
/*--------------------------------------
  フッター
--------------------------------------*/
#footer-box {background:#4c9ac0;padding: 30px 10px;}
.footer_l {padding:30px 0;}
.footer_l img{width: 100%;height:106px;}
.footer_c {padding:30px 0;}
.footer_r {padding:30px 0;}
.footer-b_tit{border-bottom: solid 1px #000;text-align:center;color:#000;font-size:1.3em;}
.footer-in p {margin-bottom: 5%;font-size: 1.3em;color:#000;font-weight: 500;}
.footer_c-nav li a{color:#000;}
.footer_c-nav li{margin:0 0 20px 0;}
span.s-list {vertical-align: bottom;margin-right: 8px;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #824921;color: #fff;position: absolute;}
#footer-bottom {background: #fff;}
p.copyright {text-align: center;color: #222;padding: 3px 0px 3px 0px;font-size:12px;}
.footer-sns {background: #fff;list-style: none;}
/*--------------------------------------
  TOPへ戻る スマホ固定型
--------------------------------------*/
#page-top {position: fixed;right: 15px;bottom: 20px;height: 50px;text-decoration: none;font-weight: bold;transform: rotate(90deg);font-size: 100%;line-height: 1.5rem;color: #222;padding: 0 0 0 35px;border-top: solid 1px;}
#page-top:before {content: "";display: block;position: absolute;top: -1px;left: 0px;width: 15px;border-top: solid 1px;transform: rotate(35deg);transform-origin: left top;}
/*--------------------------------------
  article-post
--------------------------------------*/
#post-head {margin-bottom: 25px;}
#article_body .meta_box {font-size: 85%;overflow: hidden;display: flex;justify-content:flex-start;}
#article_body .meta_box2 {font-size: 85%;overflow: hidden;display: flex;justify-content:space-between;}
.post-date, .post-date2 {font-size: 15px;margin-right: 15px;}
.post-date2 {font-size: 15px;}
#cat_tag {padding-top: 10px;margin: 0;}
#cat_tag a {color: #fff;background: #4c9ac0;margin: 0 0.2em 0.5em 0;padding: 0.5em;text-decoration: none;line-height: 1em;display: inline-block;font-size:1.3em;}
#cat_tag a:hover {color: #222;background-color: #f3f3f3;}
/*--------------------------------------
  post見出し
--------------------------------------*/
#contents #main #single_title {font-size:2em;-ms-word-wrap: break-word;word-wrap: break-word;padding: 10px 0;color:#222;font-weight:bold;margin:0;}
#page-head {border: 3px #ddd solid;padding: 10px;margin-bottom: 25px;}
#contents #page_title {font-size:2em;margin-bottom: 24px;-ms-word-wrap: break-word;word-wrap: break-word;padding: 10px 0;color:#222;text-align:center;font-weight:bold;}
/*--------------------------------------
  page-box
--------------------------------------*/
.a-page_bx {padding: 15px 5px;}
.a-page_bx-l {width: 100%;}
.a-page_bx-r {width: 100%;}
/*--------------------------------------
  contact-form
--------------------------------------*/
input.spam1{opacity:1;visibility: visible;position: unset;}
.contact-form {width:100%;}
table.contact-form th, table.contact-form td {display: block;border-bottom:none;}
.contact-form tr:last-child{border-bottom: solid 1px #ccc;}
input[type="text" i] {width:100%;box-sizing: border-box;}
input[type="email" i] {width:100%;box-sizing: border-box;}
input[type="tel" i] {width:100%;box-sizing: border-box;}
textarea {width:100%;box-sizing: border-box;}
#contents #page_body #article_body .contact-form_box　p{margin:0;}
#formbtn{display:block;margin:auto;border:none;padding:10px 50px;}
input[type="submit"],
input[type="button"] {-webkit-appearance: none;}
/*--------------------------------------
  snsボタン
--------------------------------------*/
#post-sns {width:30%;}
/* SNSごとの背景色 */
#twitter {background: #000;}
#facebook {background: #3b5998;}
/* ボタン設定 */
.button-area {}
.button-area:after {content: '';clear: both;display: block;}
.button-area-title {font-weight: 700;margin: 0 0 8px;text-align: center;}
.title-fill {display: block;background-color: #f3f3f3;color: #222;font-size: 14px;width: 100%;padding: 20px 15px;box-sizing: border-box;}
.button-whole {float: right;width: 42%;margin-left:1%;box-sizing: border-box;}
.button-link {display: block;text-align: center;color: #fff !important;font-size: 14px !important;padding: 10px 0 !important;box-sizing: border-box;border-radius: 3px;text-decoration: none;}
.button-link:hover {text-decoration: none !important;filter:alpha(opacity=70);-moz-opacity: 0.70;opacity: 0.70;}
#fb−bx {width: 99%;margin: 0 auto;}
#fb−bx h2{font-size: 20px;background: #3b5998;color: #fff;border-radius: 5px;padding: 8px 0px;text-align: center;margin-bottom: 10px;}
/*--------------------------------------
  search form
--------------------------------------*/
.searchform input[type="text"]{
		width: 190px;
		height: 25px;
		padding: 3px;
		background: #fff;
		border: 1px solid #5ac1da;
		text-indent: 1em;
        position: relative;
        font-size: 15px;
}
#searchsubmit {
		border: none;
		background: none;
		font-size: 18px;
		color: #fff;
        font-weight:bold;
}

.post_ad {
     padding:5px;
}
#ps_article_body{padding:0px 10px;}
#s {width: 73%;height: 40px;border: none;color: #333;background-color: #f3f3f3;font-size: 18px;border-radius: 0;}
#searchsubmit {border-radius: 0;height: 42px;width: 25%;color: #fff;background:#4c9ac0;font-size: 18px;}
/*--------------------------------------
  index
--------------------------------------*/
.toc__container{border:1px solid #4c9ac0;margin-bottom:1em;}
.toc__title{margin:0;text-align:center;background: #4c9ac0;color:#fff;padding:10px 0;font-size:1.3em;font-weight:bold;}
.toc__list li {border-bottom:1px solid #ccc;}
.toc__list li:last-child {border:none;}
.toc__list li a{color:#222;font-size:1.2em;display:block;padding:10px 10px 10px 20px;}
.toc__sublist{border-top:1px solid #ccc;padding-left: 20px;}
/*--------------------------------------
  slider
--------------------------------------*/
.slider1 {display: flex;margin: 0 calc(50% - 50vw);width: 100vw;height:230px;overflow: hidden;background: #000;padding:15px 0;}
.slider1 ul{display:flex;padding: 0;margin:0;}
.slider1 li{width:300px;list-style: none}
.slider1 li img{width:290px;height:230px;object-fit:cover;}
.slider1 ul:first-child {animation: slide1 150s -75s linear infinite;}
.slider1 ul:last-child {animation: slide2 150s linear infinite;}
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
/*プロフィールカードのデザイン*/
.author-card{width: 100%;margin-top:2rem;display:inline-block;box-shadow: 2px 2px 10px #ccc;}
.author-name{background-color: #4c9ac0;color: #fff;padding:8px;}
.author-area{
float:left;
}
.author-img{
margin: 15px 15px 5px 15px;
}
.author-info{
font-size:16px;
line-height: 26px;
padding: 15px;
overflow: hidden;
}
.author-sns{padding: 5px 0 22px 10px;}
.btn-sns{
font-family:YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
border-radius:50%;
display:inline-block;
width:40px;
height:40px;
font-size:25px;
transition:.5s;
text-decoration:none !important;;
}
.btn-sns:hover{
color:#fff !important;
}
.btn-x{
border:solid 1px #000;
color:#000;
}
.btn-x:hover{
border:solid 1px #999;
color: #fff;
background:#999;
}
.btn-insta{
border:solid 1px #000;
color:#000;
}
/* Instagramアイコンホバー時 */
.btn-insta:hover{
border:solid 1px #999;
color: #fff;
background:#999;
}
.btn-tiktok{
border:solid 1px #000;
color:#000;
}
.btn-tiktok:hover{
border:solid 1px #999;
color: #fff;
background:#999;
}
/* アイコンの位置 */
.btn-follow{
display:flex;
flex-flow:row wrap;
}
/* 各アイコン同士の余白 */
.btn-follow li{
flex:0 0 33%;
text-align:center!important;
}
/* ボタンレイアウト調整 */
ul.btn-follow{
list-style-type:none!important;
padding:0!important;
margin:0
}
/*--------------------------------------
  サイドバー
--------------------------------------*/
#side {padding:0 10px;}
.side-bx {margin-bottom: 20px;}
h2.s-tit {font-size:1.5em;font-weight: bold;border-bottom: 2px solid #4c9ac0;padding: 0.3em;margin-bottom: 0.3em;}
h2.s-tit:first-letter {font-size: 1.5em;color: #4c9ac0;}
.article-list_side {display: flex;justify-content: space-between;flex-wrap: wrap;}
.article-listbox_side{width:49%;margin-bottom:20px;}
.side_article-post_title{color:#222;font-weight:bold;}
.side_article-post_img img{width:100%;height:110px;object-fit:cover;}
.side_list a{display:block;padding: 15px 0px;border-bottom: 1px solid #ccc;color:#222;font-weight:bold;font-size:1.3em;}
.side-bx_inner ul li {padding:5px 0px;}
.side-bx_inner ul li a {color: #222;background-repeat: no-repeat;line-height: 35px;padding-left: 50px;}
.side-tit_bx {padding:5px 0px;}
.recommend_side{color:#000;font-size:1.1em;font-weight:bold;}
/* -----------------------------------------------------------------------
    ランキング
----------------------------------------------------------------------- */
.rank-box{counter-reset: wpp-ranking;}
.rank-box .rank-post{position:relative;border-bottom: 1px #ddd solid;}
.rank {position: absolute;top: -.125em;left: -.125em;padding: .125em .5em;color: #fff;background: rgba(66, 66, 66, .85);}
.rank-1 {background: rgba(189, 161, 82, .9);}
.rank-2 {background: rgba(152, 153, 173, .9);}
.rank-3 {background: rgba(156, 85, 34, .9);}
.rank-box .rank-post a{padding:10px;overflow:hidden;display:block;text-decoration:none !important;}
.rank-box .rank-post a:hover{background: #f3f3f3;text-decoration: none;}
.rank-box .rank-post a .rank-spec{display:none;}
.rank-img {float: left;width: 29%;margin-right: 1%;}
.rank-img img {width:90px;height:90px;}
.rank-text {float: left;width: 70%;color: #000;font-size: 1.2em;font-weight:bold;}
/*--------------------------------------
  本記事のポイント
--------------------------------------*/
.che-box {position: relative;margin: 4em 0;padding: 0.5em 1em;border: solid 3px #62c1ce;font-size: 1.2em;}
.che-box .che_box-tit {position: absolute;display: inline-block;top: -27px;left: -3px;padding: 0 9px;height: 25px;line-height: 25px;vertical-align: middle;font-size: 17px;background: #62c1ce;color: #ffffff;font-weight: bold;border-radius: 5px 5px 0 0;}
.che-box p {margin: 0; padding: 0;}
.che-box a {color:#222;text-decoration:underline;}
/*--------------------------------------
  matome
--------------------------------------*/
.matome {border:#ffd800 solid 2px;margin:20px 0px;background:#fff;}
.matome_inner{padding:30px 25px;}
.matome ul li {position: relative;list-style: none;font-size:1.1em;line-height: 2.6em;font-weight:600;}
.matome ul li::after {display: block;content: '';position: absolute;top:1.1em;left:-1em;width: 8px;height: 3px;border-left: 4px solid red;border-bottom: 3px solid red;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.matome_tit_box{background:#ffd800;padding:20px 25px;text-align:center;}
.matome_tit{font-size:1.3em;font-weight:bold;}
/*--------------------------------------
  btn-deshign
--------------------------------------*/
.btn-amz {margin:20px 0px;}
.btn-amz a{background:#FF9900;color:#000;padding:15px 0;text-align:center;display: block;margin: auto;font-size: 18px;
border: solid #fff 3px;border-radius: 12px;box-shadow: 1px 1px 10px 0 #a1a1a1;}
.btn-h {margin:20px 0px;}
.btn-h a{background:#228B22;color:#fff;padding:15px 0;text-align:center;display: block;margin: auto;font-size: 18px;
border: solid #fff 3px;border-radius: 12px;box-shadow: 1px 1px 10px 0 #a1a1a1;}
.btn-l {margin:20px 0px;}
.btn-l a{background:#CC0000;color:#fff;padding:15px 0;text-align:center;display: block;margin: auto;font-size: 18px;
border: solid #fff 3px;border-radius: 12px;box-shadow: 1px 1px 10px 0 #a1a1a1;}
.btn-m {margin:20px 0px;}
.btn-m a{background:#FFFF00;color:#000;padding:15px 0;text-align:center;display: block;margin: auto;font-size: 18px;
border: solid #fff 3px;border-radius: 12px;box-shadow: 1px 1px 10px 0 #a1a1a1;}
.btn-k {margin:20px 0px;}
.btn-k a{background:#0000FF;color:#fff;padding:15px 0;text-align:center;display: block;margin: auto;font-size: 18px;
border: solid #fff 3px;border-radius: 12px;box-shadow: 1px 1px 10px 0 #a1a1a1;}
/*--------------------------------------
  post
--------------------------------------*/
.content_source, .content_source a{color:#ccc;}
.marker{background:linear-gradient(transparent 60%, #ff6 60%);font-weight:bold;}
.red{color:red;}
.post_pr_area{padding:20px;background:#f3f3f3;margin-bottom:25px;}
.post_pr_tit_area{text-align:center;}
.post_pr_tit{background: linear-gradient(rgba(0, 0, 0, 0) 60%, #ff0 0%);font-weight: bold;font-size:1.3em;}
/*--------------------------------------
  ブログカード
--------------------------------------*/
.blog-card a {border: solid 2px #e5eaea;padding: 10px;color: #333;text-decoration: none;display: flex;transition: .2s ease-out;flex-direction: column;}
.blog-card a:hover {transform: translateY(-3px);box-shadow: 0 3px 1px #ececec;}
.blog-card_text p {font-size: 14px;margin: 0;}
.blog-card_text p.blog-card_title {font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.blog-card_text p.blog-card_title{margin-top:2.1em;}
/*--------------------------------------
  広告div
--------------------------------------*/
.post-ad_box{text-align:center;margin-bottom:25px;}
.post-ad_box_s{text-align:center;margin:25px 0px;}
/*--------------------------------------
  記事中枠デザイン
--------------------------------------*/
.poststrg1{background:#f3f3f3;padding:15px 20px;margin-bottom:25px;}
/*--------------------------------------
  PC
--------------------------------------*/
@media screen and (min-width:1024px){
/*--------------------------------------
  見出しベース
--------------------------------------*/
h1,h2,h3,h4,h5,h6 {margin-bottom: 24px;}
h1 {font-size: 48px; line-height : 1.5;}
h1.h-archive {}
h2 {color: #222;}
h3 {color: #222;font-size: 24px;}
/*--------------------------------------
  table
--------------------------------------*/
table.post-table th, table.post-table td {display: table-cell;width: 50%;border-bottom:none;}
table.post-table td{border-top: 1px #eee solid;border-right: 1px #eee solid;border-left:none;}
/*--------------------------------------
  1024px ヘッダー
--------------------------------------*/
#header {width: 100%;background-color: rgba(255,255,255,0.9);position: fixed; top: 0; z-index: 999;}
.hcontents {width: 100%;height: 70px;}
#header .hgroup {width: 96.6%;margin: 0 auto;display: flex;justify-content: space-between;height: 70px;}
.logo {width:18%;height: 70px;}
.logo a {width:100%;color: #2f4d93;}
.logo img {height:70px;width: 260px;}
/*--------------------------------------
  ナビゲーション
--------------------------------------*/
.nav-collapse {height: 70px;width: 50%;}
.nav-r {display: flex;justify-content: space-between;align-items: center;height: 70px;}
.nav-collapse li {text-align: center;width:140px;}
.nav-collapse li a{font-weight:bold;color:#000;}
/*--------------------------------------
  コンテンツ
--------------------------------------*/
#container {margin: 70px 0px;}
#contents {overflow: hidden;max-width: 1300px;margin: 0 auto;padding-top: 25px;padding-bottom: 25px;}
.main_flex{display: flex;justify-content: flex-start;}
.inner {max-width: 1300px;margin: 0 auto;padding:50px 0px;}
#main {margin: 0 30px 0 0;width:100%;padding:0;}
#archive_body {display: flex;justify-content: space-between;flex-wrap: wrap;}
#article_body p {font-size:16px;}
#page_body {margin: 0;padding: 0;}
/*--------------------------------------
  トップページ
--------------------------------------*/
.top-con_in {height:400px;}
.top-tit {font-size: 28px;text-align:center;}
p.t-text {font-size: 20px;text-align:center;color:#777;}
.t-block {display:block;}
.article-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.article-listbox{width:300px;padding:20px 0;}
.article-listbox img{width:300px;height:250px;object-fit:cover;}
.article-listbox2 img{width:400px;height:300px;object-fit:cover;}
.article-listbox2{width:400px;padding:20px 0;}
.entry_main {
	float: left;
	width: 100%;
    margin:10px 0px;
    background:#fff;
}
.t_entry_img {
    height: 176px;
    overflow: hidden;
    position: relative;
}

.t_entry_new {
    position: absolute;
    background: red;
    padding: 5px 10px;
    color: #fff;
}

.t_entry_info {
    overflow: hidden;
    border-top: 1px solid #ccc;
    background:#fff;
    padding: 10px;
}

.t_entry_cat {
    float:left;
}

.t_entry_cat a {
    color: #fff;
    padding: 2px 10px;
    background: #FF8000;
}

.t_entry_day {
    float:right;
    border: 1px #222 solid;
}

.t_entry_img_sub {
    float:left;
    width:200px;
}

.t_entry_info_sub {
    float:right;
    width:480px;
    padding:10px;
}

.t_entry_cat_sub {
    float:left;
}

.t_entry_cat_sub a {
    color: #fff;
    padding: 2px 10px;
    background: #FF8000;
}

.t_entry_day_sub {
    float:right;
    border: 1px #222 solid;
}

.t_entry_tit_sub {
    float:right;
    width:480px;
    padding:10px;
}
#contents #main #single_title {font-size:2.5em;margin-bottom: 15px;color:#222;}
#contents #page_title {font-size:2.5em;padding:24px 0; margin-bottom: 24px;color:#222;text-align:center;}
.postp_btn a{font-size:1.5em;background:#000;color:#fff;padding:15px 300px;}
/*--------------------------------------
  記事下関連記事
--------------------------------------*/
#relations-post {margin: 36px auto;}
#relations-post a {font-size: 95%;}
.rel-box {width: 32%;}
#relations-post .rel-in .rel-box .rel-in-thumb img{width:100%;height:200px;object-fit:cover;}
/*--------------------------------------
  サイドバー
--------------------------------------*/
#side {width:380px;padding:0;}
.side-bx {margin-bottom: 20px;}
.side-bx_inner {padding: 10px 0;}
h2.s-tit {font-size: 1.5em;font-weight: bold;border-bottom: 2px solid #4c9ac0;padding: .3em;margin-bottom: .3em;}
.side_flex{display: flex;justify-content: flex-start;}
.side_article-post_img{width:40%;margin-right:10px;}
.side_article-post_img img{width:100%;height:100px;object-fit:cover;}
.side_article-post_title {width:60%;}
.article-listbox_side{margin-bottom:20px;width:100%;}
.side-bx_inner ul li {padding:5px 0px;}
.side-bx_inner ul li a {color: #222;background-repeat: no-repeat;line-height: 35px;padding-left: 50px;}
.side-tit_bx {padding:5px 0px;}
span.s-list {vertical-align: bottom;margin-right: 8px;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #824921;color: #fff;position: absolute;}
/*--------------------------------------
  フッター
--------------------------------------*/
#footer {width: 100%;}
#footer-box {padding-top: 30px;padding-bottom: 30px;}
.footer-in {display: flex;justify-content: space-between;flex-wrap: wrap;width: 1160px;margin: 0 auto;}
.footer-in p {margin-bottom:5%;font-size:1.5em;}
.footer_l {width: 340px;font-size: 90%;padding:0;}
.footer_l img{width: 340px;height:102px;}
.footer_c {width: 340px;margin: 0px 0px 0px 15px;}
.footer_r {width: 340px;margin: 0px 0px 0px 15px;}
.footer_c-nav {padding: 5px;}
.footer_c-nav li a{font-size: 15px;}
.footer_c-nav li a:hover{color: #ccc;}
.footer-b_tit {font-size: 25px;text-align: center;}
#footer-bottom {width: 100%;background: #fff;padding: 10px 0;overflow: hidden;}
p.copyright {text-align:center;margin: 0px;color: #222;padding: 5px 0px 5px 0px;}
/*--------------------------------------
  パンくず
--------------------------------------*/
#breadcrumb {max-width:1300px;margin:0 auto;}
#breadcrumb2 {max-width:1300px;margin:0 auto;padding:0;}
/*--------------------------------------
  post
--------------------------------------*/
#post-head {margin-bottom: 25px;}
#article_body .meta_box {font-size: 85%;}
#article_body .meta_box p {margin: 0;}
#article_body .meta_box2 {font-size: 85%;}
#article_body .meta_box2 p {margin: 0;}
.post-date {font-size: 15px;}
/*--------------------------------------
  page-box
--------------------------------------*/
.a-page_bx {
        overflow: hidden;
        padding: 15px 5px;
}

.a-page_bx-l {
        float: left;
        width: 49%;
        margin-right: 1%;
}

.a-page_bx-r {
        float: right;
        width: 50%;
}

.p-tab_bx {
    width: 700px;
    padding-left: 180px;
}
/*--------------------------------------
  アーカイブ
--------------------------------------*/
.archive-tit {margin-bottom: 20px;}
/*--------------------------------------
  ページャー
--------------------------------------*/
.pager{text-align:center;margin: 0 auto;}
a.page-numbers,.pager .current{padding: 8px 15px;margin: 8px 2px 0;display: inline;border: 0;border-radius: 0;font-size: 1.8em;}
.pager .current{border: 0;}
.page-numbers.current {border: 0;padding: 8px 15px;margin: 8px 2px 0;display: inline;font-size: 1.8em;}
/*--------------------------------------
  contact-form
--------------------------------------*/
table.contact-form th, table.contact-form td {display: table-cell;width: 50%;border-bottom:none;}
/*--------------------------------------
  search form
--------------------------------------*/
#ps_article_body {padding:0px 100px;}
.searchform input[type="text"]{
		width: 280px;
		height: 25px;
		padding: 3px;
		background: #fff;
		border: 1px solid #5ac1da;
		text-indent: 1em;
        position: relative;
        font-size: 18px;
}
.post_ad {
     overflow:hidden;
     padding:20px;
     background: #f3f3f3;
}
.post_ad1 {
     overflow:hidden;
     padding:20px 10px;
     background: #f3f3f3;
}

.post_ad_l {
    float:left;
    width:330px;
}

.post_ad_r {
    float:left;
    width:330px;
}
#s {width: 996px;height: 40px;border: none;color: #333;background-color: #f3f3f3;font-size: 18px;border-radius: 0;}
#searchsubmit {border-radius: 0;height: 42px;width: 100px;color: #fff;background:#4c9ac0;font-size: 18px;}
/*--------------------------------------
  index
--------------------------------------*/
.index {
    margin:40px;
    border: 4px dotted #FF8000;
    padding:20px;
}

.subtit {
    padding-left:20px;
}
/*--------------------------------------
  slider
--------------------------------------*/
.slider1 {display: flex;margin: 0 calc(50% - 50vw);width: 100vw;height:400px;overflow: hidden;padding:20px 0;}
.slider1 ul{display:flex;padding: 0;margin:0;}
.slider1 li{width:600px;list-style: none;}
.slider1 li img{width:580px;height:400px;object-fit:cover;}
.slider1 ul:first-child {animation: slide1 150s -75s linear infinite;}
.slider1 ul:last-child {animation: slide2 150s linear infinite;}
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
/*--------------------------------------
  ブログカード
--------------------------------------*/
.blog-card a {display:flex;flex-direction:row;}
.blog-card_img {flex: 0 0 200px;margin-right: 16px;}
#article_body.blog-card_img img{margin:none;}
.blog-card_text{align-content:center;}
.blog-card_text p.blog-card_title{margin-top:none;}
/*--------------------------------------
  matome
--------------------------------------*/
.matome_tit_box{text-align:left;}
}