@charset "UTF-8";

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-display:optional;}
body{margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background:transparent;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace;font-size:1em;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;appearance:button;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}
legend{border:0;padding:0;}
textarea{overflow:auto;}
optgroup{font-weight:700;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}


/*--------------------------------
    テンプレート StylSheets
---------------------------------*/

/* clearfix */
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; }

/* 共通 */
* { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif; margin: 0px; padding: 0px; }
body { font-size: 16px; word-wrap: break-word; overflow-wrap: break-word; overflow-x: hidden; }

a { -webkit-transition: opacity .5s; transition: opacity .5s; }
a:hover { opacity: .7; }
a:active, a:hover { outline: 0; }

img { max-width: 100%; height: auto; }

.wrap { background: #ccc; }
.wrap_in { margin: 0 auto; }
.site_ttl { margin: 0; font-size: 30px; font-weight: bold; color: #000; }
.site_ttl a { text-decoration: none; color: #000; }
.site_ttl a.site_img_ttl { display: block; line-height: 0; }
.body_cont { margin: 0 auto 80px; }
.pcnone { display: none !important; }
.archive_btn_area { text-align: center; margin: 30px auto; }
.archive_btn { border: 2px solid #000; border-radius: 0; font-size: 18px; font-weight: bold; line-height: 50px; text-decoration: none; color: #000; display: inline-block; width: 180px; }
.archive_btn:hover { color: #fff; background-color: #000; -webkit-transition: background-color .5s; transition: background-color .5s; opacity: 1; }
@media screen and (max-width: 768px){
    .pcnone { display: block !important; }
    .spnone { display: none !important; }
    .body_cont { margin-bottom: 30px; }
}

/* ヘッダー */
#header { margin-bottom: 35px; position: relative; }
.header_in { margin: 0 auto; padding: 20px 0; }
@media only screen and (max-width: 960px) {
    .header_in { width: 95%; }
}

/* ヘッダーメニュー */
.nav_top { margin: 0 auto 30px; }
.nav_top ul { list-style: none;  zoom: 1; }
.nav_top ul:after { content: ""; display: block; clear: both; }
.nav_top ul li { float: left; position: relative; width: 15%; text-align: center; margin: 0 20px 10px 0; }
.nav_top ul li a { text-decoration: none; color: #000; padding: 10px; display: block; }
.nav_top .sub-menu { display: none; position: absolute; top: 39px; z-index: 2; }
.nav_top .sub-menu li { width: 100%; position: relative; border-right: none; }
.nav_top ul li:hover > .sub-menu { display: block; }
.nav_top ul li:hover > .sub-menu .sub-menu { display: block; position: relative; top: 0; }
@media only screen and (max-width: 960px){
    .nav_top ul { margin: 0 2.5%; }
}

/* スマホメニュー */
@media screen and (max-width: 768px){
    .sp_navi { width: 100%; height: 50px; background: #000; position: fixed; top: 0; z-index: 999; }
    .sp_navi .sp_navi_in { background: #fff; padding-bottom: 50px; position: absolute; z-index: 2; top: 50px; display: none; width: 100%; }
    .sp_navi .menu { font-size: 16px; }
    .sp_navi .menu li a { text-decoration: none; color: #000; display: block; padding: 10px 4% 10px 9%; border-bottom: solid 1px #000; position: relative; }
    .sp_navi .menu li a::before{ content: ''; position: absolute; top: 18px; left: 5%; width: 6px; height: 6px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    .sp_navi .menu .sub-menu { margin: 0 15px; list-style: none; margin-bottom: 15px; }
    .sp_navi .menu .sub-menu a { border-bottom: solid 1px #a0a0a0; }
    header .navBtn { width: 30px; position: absolute; top: 15px; right: 15px; cursor: pointer; }
    header .navBtn span { display: block; height: 2px; width: 79%; background: #fff; border-radius: 2px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
    header .navBtn span:nth-child(2),
    header .navBtn span:nth-child(3) { margin-top: 6px; }
    header.navOpen .navBtn span:nth-child(1) { -webkit-transform: translateY(6px) translateX(0) rotate(45deg); -ms-transform: translateY(6px) translateX(0) rotate(45deg); transform: translateY(6px) translateX(0) rotate(45deg); }
    header.navOpen .navBtn span:nth-child(2) { margin-top: 5px; opacity: 0; -webkit-transform: translateY(9px); -ms-transform: translateY(9px); transform: translateY(9px); }
    header.navOpen .navBtn span:nth-child(3) { -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg); -ms-transform: translateY(-9px) translateX(0) rotate(-45deg); transform: translateY(-9px) translateX(0) rotate(-45deg); }
}

/* メインコンテンツ */
#main_cont { max-width: 100%; padding: 30px 25px 30px; }
.ulf_cont_bg { background: #fff; }
#main_cont div { max-width: 100% !important; }
@media only screen and (max-width: 960px) {
    #main_cont { float: none; width: 90%; margin: 0 2.5% 50px; padding: 30px 2.5%; }
}

/* アーカイブ */
.archive_list { list-style: none; padding-top: 30px; }
.archive_list .archive_list_item { border-bottom: dotted 1px #000; margin-bottom: 20px; padding-bottom: 20px; }
.archive_list .archive_list_item:last-child { border: none; }
.archive_ttl { margin-bottom: 5px; }
.archive_ttl a { color: #333; text-decoration: none; font-size: 18px; line-height: 26px; }
.archive_list_item_l { border: solid 1px #000; float: left; text-align: center; }
.archive_list_item_l a { text-decoration: none; line-height: 0; display: block; height: 100%; }
.archive_list_item_l img { object-fit: cover; }
.no_thumbnail_img { background: #000; -webkit-transition: opacity .5s; transition: opacity .5s; }
.no_thumbnail_img:hover { opacity: .7; }
.no_thumbnail_img p { color: #fff; font-weight: bold; display: flex; justify-content: center; align-items: center; height: 100%; }
.archive_description { padding: 10px 0; }
@media screen and (max-width: 768px){
    .archive_ttl { line-height: 25px; }
    .archive_ttl a { font-size: 16px; }
}

/* 画像のみアーカイブ */
.archive_simple { display: flex; flex-wrap: wrap; align-content: space-between; list-style: none; margin-left: -3%; padding-top: 30px; }
.archive_simple a { color: #000; text-decoration: none; display: block; }
.archive_simple .archive_list_simple { width: 30%; margin-left: 3%; margin-bottom: 30px; border: none; padding: 0; }
.archive_simple .archive_list_simple img { width: 100%; vertical-align: bottom; margin-bottom: 10px; }
.post_cont .archive_simple .archive_list_simple { border: none; }
.no_thumbnail_simple { position: relative; margin-bottom: 10px; }
.no_thumbnail_simple:before { content:""; display: block; padding-top: 56.25%; }
.no_thumbnail_simple p { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.archive_simple_ttl { font-size: 14px; }

@media screen and (max-width: 768px){
    .archive_simple { display: block; margin-left: 0; }
    .archive_simple .archive_list_simple { width: 100%; margin-left: 0; }
}


/* パンくずリスト */
#breadcrumb, #breadcrumb ol, #breadcrumb li { margin: 0; padding: 0; }
#breadcrumb { margin-bottom: 20px; }
#breadcrumb ol { list-style: none; color: #909090; display: flex; flex-wrap: wrap; }
#breadcrumb ol li { font-size: 13px; }
#breadcrumb ol li a { text-decoration: none; margin: 0 6px; color: #909090; }
#breadcrumb ol li:after { content: '>'; }
#breadcrumb ol li:first-child a { margin-left: 0; }
#breadcrumb ol li:last-child:after { content:none;}

/* ページャー */
.pager { text-align: center; }
.pager .page-numbers { color: #000; text-decoration: none; border: solid 1px #000; padding: 5px 10px; background: #e8e8e8; display: inline-block; }
.pager .current { background: #fff; }

/* カテゴリー */
.cat_group a { text-decoration: none; display: inline-block; margin-bottom: 10px; }
.catname { background: #000; color: #fff; font-size: 13px; padding: 6px 6px 5px; border-radius: 3px; white-space: wrap; display: inline-block; }

/* カテゴリー2 */
/* 本体 */
.cat_icon::before { content: ''; position: absolute; top: 5px; left: 0; width: 15px; height: 10px; background-color: #000; border-radius: 0 2px 2px 2px; }
.cat_icon::after { content: ''; position: absolute; top: 3px; left: 0; width: 9px; height: 3px; background-color: #000; border-radius: 2px 2px 0px 0px; }

/* タグ */
.tag_group ul { list-style: none; margin-bottom: 10px; position: relative; padding-left: 20px; font-size: 13px; }
.tag_group ul li { display: inline-block; }
.tag_group ul li::after { content: ','; color: #000; display: inline-block; margin-right: 13px; }
.tag_group ul li:first-child:after,
.tag_group ul li:last-child:after { content: ''; margin: 0; }
.tag_group a { text-decoration: none; color: #666; }
.tag_icon { color: #000; position: absolute; margin-left: 4px; margin-top: 3px; top: -1px; left: -4px; width: 7px; height: 7px; border-radius: 1px 1px 1px 0; border-left: solid 1px currentColor; border-top: solid 1px currentColor; }
.tag_icon:before { content: ''; position: absolute; left: 1px; top: 1px; width: 9px; height: 10px; border-radius: 1px; border-left: solid 1px currentColor; border-right: solid 1px currentColor; border-bottom: solid 1px currentColor; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.tag_icon:after { content: ''; position: absolute; left: 3px; top: 3px; width: 2px; height: 2px; border-radius: 50%; background-color: currentColor; }

/* 投稿時間 */
.post_time { margin-bottom: 5px; }
.post_time p { position: relative; padding-left: 20px; font-size: 13px; color: #666; }
.clock-h9m0.icon { color: #000; position: absolute; width: 10px; height: 10px; border: solid 1px currentColor; border-radius: 8px; top: 3px; left: 0px; }
.clock-h9m0.icon:before { content: ''; position: absolute; top: 5px; left: 2px; width: 4px; height: 1px; background-color: currentColor; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; }
.clock-h9m0.icon:after { content: ''; position: absolute; top: 1px; left: 5px; width: 1px; height: 4px; background-color: currentColor; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; }

/* フッター */
#footer { text-align: center; color: #fff; }
#footer .footer_in { padding: 40px 15px 25px; }
#footer a { text-decoration: none; color: #fff; }
#footer .footer_ttl { font-size: 21px; line-height: 30px; margin-bottom: 10px; font-weight: bold; }

/* フッターメニュー */
#footer .menu { list-style: none; margin-bottom: 25px; }
#footer .menu li { display: inline; font-size: 14px; }
#footer .menu li::after { content: '/'; padding: 0 3px 0 9px; color: #d8d8d8; }
#footer .menu li:last-child::after { content: ''; }
#footer .menu li a { padding: 0; margin: 0; color: #757575; }

/* 管理バー */
#wp-admin-bar-my-account>.ab-item { min-width: 100px; text-align: right; }
#wp-admin-bar-my-account .ab-sub-wrapper { width: 100%; }
#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions>li { margin-left: 16px; margin-right: 16px; }

/* 戻るボタン */
.go_up_btn { position: fixed; z-index: 999; bottom: 20px; right: 0; font-size: 24px; display: none; }
.go_up_btn a { height: 43px; width: 43px; text-decoration: none; background: #505050; color: #fff; text-align: center; display: block; -moz-opacity: .8; opacity: .8; padding: 0; cursor: pointer; border-radius: 50%; }
.go_up_btn a::after { content: ''; width: 10px; height: 10px; display: block; border-top: solid 3px; border-right: solid 3px; transform: rotate(-45deg); position: absolute; top: 5px; left: 0; right: 0; bottom: 0; margin: auto; }


/* サーチフォーム */
.searchform { position: relative; }
.searchfield { width: 100%; max-width: -webkit-fill-available; max-width: -moz-available; padding: 6px 66px 6px 6px; border: solid 1px; border-radius: 3px; }
.searchsubmit { position: absolute; width: 60px; height: 39px; top: 0; right: 0; border-style: none; border: solid 1px; border-radius: 0 4px 4px 0; background: #000;}
.searchsubmit::before { position: absolute; content: ''; width: 15px; height: 15px; top: calc(50% - 9px); left: calc(50% - 9px); border-radius: 50%; box-shadow: 0 0 0 2px #fff; }
.searchsubmit::after { position: absolute; content: ''; width: 8px; height: 6px; top: calc(50% + 6px); left: calc(50% + 2px); border-top: solid 2px #fff; transform: rotate(45deg); }
.sp_navi .sp_navi_search { padding: 10px 4% 10px 4%; border-bottom: solid 1px; }

/* 内部リンクカード */
.link_card { padding: 15px; margin-bottom: 20px; position: relative; border: solid 1px #000; }

/* ユーザープロフィール */
.my_user_prof { padding: 20px 3%; background: #fff; }
.my_user_prof_box { margin-bottom: 20px; }
.my_user_prof_l { float: left; width: 80px; }
.my_user_prof_l img { border-radius: 50%; }
.my_user_prof_r { float: left; padding-left: 20px; padding-top: 30px; }
.my_user_prof_text { margin-bottom: 20px; }
.my_user_prof_name { font-size: 18px; font-weight: bold; }

/* SNS 丸ボタン */
.sns-btn { font-size: 2.4rem; line-height: 45px; width: 45px; height: 45px; padding: 0; letter-spacing: 0; border-radius: 50%; color: #fff; float: left; margin: 0 10px 10px 0; text-decoration: none; }
[class^="fa-"], [class*=" fa-"] { width: 45px; height: 45px; text-align: center; font-size: 25px; position: relative; border-radius: 50%; }
[class^="fa-"]:before, [class*=" fa-"]:before { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }
.sns-btn:last-child { margin-right: 0; }
.fa-youtube { background: #cd201f; }
.fa-twitter { background: #1da1f2; }
.fa-pixiv { background: #0097FA }
.fa-facebook-f { background: #1877f2; }
.fa-line { background: #00b900; }
.sns-btn .fa-line { font-size: 31px; }
.fa-instagram { background: #d6249f; background: -webkit-linear-gradient(45deg, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); background: linear-gradient(45deg, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); }

/* SNSボタン */
.sns_buttons { list-style: none; padding: 20px 0 0 !important; }
.sns_buttons li { display: inline-block; width: 23.5%; margin: 0 1% 15px 0; }
.sns_buttons li:last-child { margin-right: 0; }
.sns_buttons li a { text-decoration: none; color: #fff; display: block; width: 100%; text-align: center; font-weight: bold; font-size: 15px; line-height: 40px; border-radius: 20px; font-family: "Lato", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }
.sns_buttons button { border: none; background: transparent; width: 100%; }
.sns_buttons button:focus { outline: 0; }
.sns_buttons a { border-radius: 0; height: auto; }
.sns_buttons a[class^="fa-"]::before, .sns_buttons a[class*=" fa-"]::before { left: 22px; font-weight: 300; font-size: 20px; }
.sns_buttons a[class^="fa-"]::after, .sns_buttons a[class*=" fa-"]::after { content: ''; width: 1px; height: 28px; position: absolute; background: #e6e6e6; top: 6px; left: 36px; }
.sns_buttons .twitter_btn a { background: #55acee; }
.sns_buttons .facebook_btn a { background: #3B5998; }
.sns_buttons .line_btn a { background: #1dcd00; }
.sns_buttons .line_btn a::before { font-size: 31px; }
.sns_buttons .hatena_btn a { background: #008FDE; }
.sns_buttons .hatena_btn a::before { font-size: 26px; }
.sns_buttons .line_btn a[class^="fa-"]::after,
.sns_buttons .line_btn a[class*=" fa-"]::after,
.sns_buttons .hatena_btn a[class^="fa-"]::after,
.sns_buttons .hatena_btn a[class*=" fa-"]::after { left: 46px; }
@media screen and (max-width: 768px){
    .sns_buttons li { width: 48%; margin: 0 2% 15px 0; }
    .sns_buttons li:nth-child(2n) { margin-right: 0; }
}

/* adsense */
.ad_rectangle { width: 300px; height: 250px; margin: 50px auto; }
.ad_rectangle::before { content: '広告'; }
.ad_multiplex::before { content: '広告'; }

/* もしもアフィリエイト */
.easyLink-box { border:double #CCC !important; box-shadow: 2px 3px 9px -5px rgba(0,0,0,.25); }
div:has( > div.easyLink-box )::before { content: '広告'; }
.easyLink-info-name a { color: #3296d2 !important; }
.easyLink-info-btn-amazon { background: #f6a306 !important;  border: 2px solid #f6a306 !important; box-shadow: 0px 3px 7px 0px rgba(0,0,0,.25); }
.easyLink-info-btn-rakuten { background: #cf4944 !important; border: 2px solid #cf4944 !important; box-shadow: 0px 3px 7px 0px rgba(0,0,0,.25); }
.easyLink-info-btn-yahoo { background: #51a7e8 !important; border: 2px solid #51a7e8 !important; box-shadow: 0px 3px 7px 0px rgba(0,0,0,.25); }
a:hover.easyLink-info-btn-amazon { opacity: 1 !important; background: #fff !important;  color: #f6a306 !important; }
a:hover.easyLink-info-btn-rakuten { opacity: 1 !important;  background: #fff !important;  color: #cf4944 !important; }
a:hover.easyLink-info-btn-yahoo { opacity: 1 !important; background: #fff !important; color: #51a7e8 !important; }
.easyLink-box div.easyLink-info p.easyLink-info-btn a:last-child { margin-bottom: 0 !important; }
@media screen and (max-width: 703px) {
	.easyLink-box div.easyLink-img,
	.easyLink-box div.easyLink-img p.easyLink-img-box img.easyLink-img-pht {
		max-height: 180px !important;
	}
}