/*
Theme Name:real-hunter
Author:Takanashi noma
*/

html{margin:auto;background:#fff;}
@font-face {
     src: url('https://fonts.gstatic.com/s/notosans/v8/o-0IIpQlx3QUlC5A4PNr5TRA.woff2') format('woff2');
     src: url('https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2') format('woff2');
     font-display:swap;
 }
@font-face {
  font-family: 'icomoon';
  src:  url('./fonts/icomoon.eot?4twks1');
  src:  url('./fonts/icomoon.eot?4twks1#iefix') format('embedded-opentype'),
    url('./fonts/icomoon.ttf?4twks1') format('truetype'),
    url('./fonts/icomoon.woff?4twks1') format('woff'),
    url('./fonts/icomoon.svg?4twks1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-hatebu:before {
  content: "\e900";
}
.icon-line:before {
  content: "\e901";
}
.icon-pocket:before {
  content: "\e902";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-rss2:before {
  content: "\ea9c";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-youtube2:before {
  content: "\ea9e";
}
img#wpstats{display:none}
body{margin:auto;background:url(https://real-hunter.com/wp-content/themes/real-hunter/image/footer.png) repeat-x center bottom;font-family:'メイリオ',Meiryo, Gadget, sans-serif}
a,a:visited,a:link,article a:link{color:#1111cc;text-decoration:none;border-bottom: 1px dashed #1111cc;}  
.link-line a,link-line a:visited,.link-line a:link{border-bottom: 0px dashed #1111cc;}  
a:hover,article a:hover{color:#c22d64;text-decoration:none;border-bottom-color:#d64e80;}
img{border:0;vertical-align:top;width:auto;}
a img{border:none;}
ol,ul{list-style:none;padding:0px;margin:0;}
h1{font-size:22px;margin:auto;clear:both;line-height:normal;text-align:left;display:inline-block;}
header{margin:auto; text-align:center;padding:20px 0 50px 0;width:90%;display:inline-block;}
header img{padding:0 30% 0 30%;}
header a,header ,a:visited,header a:link{text-decoration:none;border-bottom:0px dashed #1111cc;}
.read{width:320px;text-align:left;margin:auto;padding:30px 0 0 0;}
h2,h3,h4,h5,h6,.multi-title{clear:both;border-left: #ddd 8px solid;margin:10px 0 20px 0;padding:0 0 0px 15px;color:#999;font-size:18px;line-height:normal;display:block;}
div#top{width:1000px;margin:auto;text-align:left;color:#333;font-size:14px;}
.alignleft-dd{float:left;padding:0 10px 0 0;margin:-45px 0 0 0;}
.alignleft-dd img{}
#index{clear:both;padding:0;text-align:left;font-size:16px;width:680px;float:left;margin:auto;line-height:1.9;}
#index p{padding:15px 0 15px 10px;}

#index-contents-b{padding:20px 0 0 0;text-align:left;float:right;width:270px;font-size:14px;}
#index-contents-b dt{display:inline-block;vertical-align:middle;text-align:right;width:80px;margin:0 10px 0 0;padding:0;}
#index-contents-b dd{display:inline-block;vertical-align:middle;width:60%;text-align:left;margin:0;padding:0;}
#index-contents-b dl{}
#index-contents-b ul{clear:both;}
#index-contents-b ul li{clear:both;margin:6px 0 6px 0;padding:0;}
#index-contents-b ul li img{float:left;padding:0 10px 0 0;}

.side-menu{font-size:20px;font-family:'Arial Black', sans-serif;display:block;background:#fff;padding:10px 0 10px 10px;border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;border: 2px solid #333;}
.children{margin:0 0 0 15px;}
.widget-container{padding:0 0 10px 0;}
.widget-container p{padding:0 10px 0 10px;}

a:hover img {margin:-3px;border:solid 3px #CCC;}
.breadcrumbs{font-size:12px;padding:15px 0 15px 3px;}
ol.breadcrumbs{clear:both;}
ol.breadcrumbs li{float:left;}
ol.breadcrumbs li:after {content:"»";margin:0 5px;}
ol.breadcrumbs li:last-child:after {content:none;} 

footer{margin:auto;width:1000px;padding:50px 0 0 0; clear:both;min-height:100px;}
footer ul{margin:0;list-style-type:none;padding:50px 30px 10px 0px;text-align:left;}
footer ul li{display:inline;list-style-position:inside;padding:0 0 0 10px;margin:0 5px 0 10px;BORDER-LEFT:#999 1px solid;}
footer a,footer a:visited,footer a:link{color:#999;text-decoration:none;border-bottom:1px dashed #1111cc;}  
.clear{clear:both;}
.js{}
.center{text-align:center;}
.wp-pagenavi{text-align:center;}
/************************************
** 前の記事へ、次の記事へ
************************************/
.navigation{clear:both;overflow: hidden;margin-bottom:40px;margin:20px 0px 40px;}
.navigation .alignleft{text-align:left;float:left;width:45%;}
.navigation .alignright{text-align:right;float:right;width:45%;}
.navigation a,.navigation a:visited,.navigation a:link{display:block;padding: 1em;border:1px solid #ddd;background:#eee;}
.navigation a:hover{background:#bbb;}

.paging{clear:both;overflow: hidden;margin-bottom:40px;margin:20px 0px 40px;}
.paging .next{text-align:left;float:left;width:48%;font-size:14px;}
.paging .prev{text-align:left;float:right;width:48%;font-size:14px;}
.paging a,.paging a:visited,.paging a:link{display:block;padding:1em;border:1px solid #ddd;background:#eee;color:#333;min-height:76px;}
.paging a:hover{background:#bbb;color:#333;border:1px solid #ddd;}

.paging .next a:before {content: '\025c0';}
.paging .prev a:after {content: '\025b6';}

address{text-align:center;margin:0 auto 0 auto;color:#999;}
.photo{text-align:center;}

#comment_area {background:rgba(255,255,255,0.5);padding:25px;border-radius:12px;margin-top:1em;line-height:1.4em;}
/*Comment List*/
#comment_area h3#comments {font-size:130%;margin:0 0 0.7em;}
#comment_area ol {list-style:none;}
#comment_area ol li {overflow: hidden;}
#comment_area ol li.depth-1{border:1px dotted #fff; margin-bottom:1em; padding:12px;}
#comment_area ol li ul.children {margin-left: 10%;} /*children 返信部分*/
#comment_area ol li ul.children li {border-top:1px dotted #fff; margin-top:1em; padding-top:12px;}
img.avatar {margin-right:8px;float:left;}
span.says{display:none;}
cite.fn {font-size:90%;}
div.comment-meta {font-size:80%;}
div.comment-meta:after {content:''; display:block; height:0; clear:both; visibility:hidden;}
.comment-body p {font-size:90%;color:#05c6fe;background:#fff;border-radius: 12px;padding:0.5em 1em;margin:0.8em 0 0.5em;}
div.reply {margin-bottom:0.2em}/*返信button*/
div.reply:after {content:''; display:block; height:0; clear:both; visibility:hidden;}
div.reply a {font-size:80%;line-height:1em;display:block;float:right;background:#05c6fe;padding:0.3em 1em;border-radius: 8px;}
div.reply a:hover {background:#fff; text-decoration:none;}
/*Comment Form*/
#respond {background:rgba(255,255,255,0.4);padding:1em;border-radius: 9px;}
#respond h3#reply-title {font-size:130%; margin:0 0 0.7em;color:#2d1497;}
#respond h3#reply-title small a {font-size:70%;margin-left:1em;text-decoration:underline;}/*コメントをキャンセルの文字*/
#respond p {margin-bottom:0.5em;}
#respond p.commentNotesBefore, #respond p.commentNotesAfter{font-size:80%;}
#respond p.form-submit {margin-bottom:0;}
/*form element*/
input#author, input#email, textarea#comment {width:95%;border:none;border-radius:12px;margin-top:0;font-size:14px;padding:7px 12px;color:#05c6fe;}
textarea#comment {line-height:1.6em;}
input#submit {cursor:pointer;font-size:110%;padding: 5px 1em;margin:0;border-style:none;color:#fff;background: #05c6fe;border-radius: 18px;}
input#submit:hover{background:#2d1497;}

.wp-pagenavi{width:99%;margin:auto;font-size:20px;padding:10px 0 0 0;}
.pages{font-size:12px;padding:0 4px 0 0;}
.current,.larger,.smaller,.nextpostslink,.previouspostslink{margin:0 2px 0 2px;}
.first,.last{background:#EEF7FF;padding:2px 9px 4px 9px;}
.previouspostslink,.nextpostslink{background:#EEF7FF;padding:2px 10px 4px 10px;}
.current{background:#F9D635;padding:2px 11px 4px 11px;}
.page{background:#EEF7FF;padding:2px 11px 4px 11px;}
.larger{}
.wp-pagenavi a,.wp-pagenavi a:visited,.wp-pagenavi a:link{border-bottom:0px;color:#333;}
.wp-pagenavi a:hover{background:#F9D635;}
.aligncenter{display: block;margin-left: auto;margin-right: auto;}

ul.sidemenu{border-bottom:1px solid #ccc;}
ul.sidemenu li{height:80px;margin:0;border-top:1px solid #ccc;padding: 0 30px 0 0;}
ul.sidemenu li a{display:block;height:80px;margin:0;padding: 0 30px 0 0;position:relative;color:#666;border-bottom:0;}
ul.sidemenu li img{width:80px;height:80px;margin:3px 10px 0 0;float:left;}
ul.sidemenu li a:hover img {margin:3px 10px 0 0;border:solid 0px;}
ul.sidemenu li a:hover{margin:0;border:solid 0px;color:#222;text-decoration:none;opacity:0.25;background-color:#E6EBE0;border-bottom:none;}

.post-list{clear:both;width:90%;margin:auto;padding:5px 0 5px 0;border-bottom:1px solid #ddd;min-height:210px;max-height:270px;position:relative;}
.post-list a,.post-list a:visited,.post-list a:link{display:block;position:absolute;top:0;left:0;height:100%;width:100%;border-bottom:none;}
.post-list a:hover{color:#222;text-decoration:underline;opacity:0.25;background-color:#E6EBE0;border-bottom:none;}
.eyecatch{float:left;padding:0 10px 0 0;margin:0;}
.entry-post{margin:0;}
.post-title{font-size:18px;font-weight:bold;padding:5px 0 5px 0;margin:0;line-height:normal;}
.description{padding:5px 0 5px 5px;margin:0;}
.post-list,.entry-post,.description p{line-height:1.6;display:block;}
.img.feedimg{width:150px;height:150px;object-fit: cover;}

.scroll {display:block;text-align:center; min-width:52px;min-height:40px;font-size:14px;position:fixed;bottom:30px;right:10px;border:1px solid #888; background-color:#fff; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85;padding:2px;} 
.scroll a{background:url(https://real-hunter.com/wp-content/themes/real-hunter/image/arrow-up.png) no-repeat top;display:block;padding:16px 2px 2px 2px;border-bottom:none;}
.scroll a:visited,.scroll a:link{border-bottom:none;}

.sd-title{float:left;padding:0 20px 0 0;border-left: #ddd 0px solid;}

.profile{margin:0;padding:0;list-style:none;}
.profile-list{display:inline-block;padding:10px;font-size:42px;text-decoration:none;text-align:center;border-radius:10px;}
.profile-list a{color:#fff;border-bottom:none;}
.profile-list a:hover{opacity:0.8;color:#fff;}
.profile-list :after {content : "";display:block;clear:both;}


.rss-list{padding:10px 0 10px 0;border-bottom:#ddd 1px solid;vertical-align: middle;position:relative;}
.rss-title{padding:30px 0 0 0;min-height:60px;display: inline-block;width:32%;border-right:#ddd 1px solid;vertical-align: middle;}
.rss-post{padding:30px 0 0 0;min-height:60px;display: inline-block;width:50%;border-right:#ddd 1px solid;vertical-align: middle;text-decoration: underline;}
.rss-data{padding:30px 0 0 0;min-height:60px;display: inline-block;width:15%;vertical-align: middle;}

.rss-list a,.rss-list a:visited,.rss-list a:link{display:block;position:absolute;top:0;left:0;height:100%;width:100%;border-bottom:none;}
.rss-list a:hover{color:#222;text-decoration:underline;opacity:0.25;background-color:#E6EBE0;border-bottom:none;}
pre{background-color:#fff;overflow: auto; white-space: pre-wrap; word-wrap: break-word;padding:0 0 10px 10px;border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;border: 6px solid #333;}

blockquote{position:relative;background-color:#fff;overflow: auto; padding:10px 0 10px 10px;border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;border: 6px solid #333;margin:10px;}
blockquote:before{content:"“";font-size:600%;line-height:1em;color:#eee;position:absolute;left:1;top:1;font-family:"ＭＳ Ｐゴシック",sans-serif;display: inline-block;}
blockquote p{margin:0;z-index: 3;position: relative;}

.date{text-align:right;color:#999;}
.f18p{font-size:18px;font-weight: bold; }

.youtube {position:relative;width:100%;padding-top:56.25%;}
.youtube iframe {position:absolute;top:0;right:0;width:100%;height:100%;}

/* SNSボタン */
.share {margin-top : 40px;}
.share ul {margin : 0;
    padding : 0;
    list-style : none;}
.share li a {display : block;
    padding : 10px;
    color : #fff;
    font-size : 14px;
    text-decoration : none;
    text-align : center;}
.share li a:hover {opacity :0.8;
    color : #fff;}
.share li a:visited{ color: #fff;}
.share ul:after {content : "";
    display : block;
    clear : both;}
.tweet a{background-color : #55acee;}
.facebook a{background-color : #315096;}
.googleplus a{background-color : #dd4b39;}
.hatena a{background-color : #008fde;}
.line a{background-color: #00c300;}
.pocket a{background-color :#f03e51;}
.rss a{background-color: #ff8c00;}
.feedly a{background-color: #6cc655;}
.instagram{ width:50px; height:50px;
  background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}
.yb{width:50px; height:50px;background-color:#282828;}
.tw{width:50px; height:50px;background-color : #55acee;}
.rss_feed{width:50px; height:50px;background-color: #ff8c00;}
.share li {float : left;
    width : 20%;
    margin : 0;
margin-top:15px;}

@media screen and (max-width: 1080px){
div#top{width:99%;}
#index{width:70%;}
#index-contents-b{width:27%;}
#index img{max-width:100%;height:auto;}

footer{width:95%;margin:0 0 0 0;}
}
@media screen and (max-width:828px){
img{max-width:100%;height:auto;}
#index-contents-b ul li img{max-width:80px;height:auto;}
header img{padding:0 19% 0 19%;}
nav#header-menu{font-size:14px;display:block;}
nav#header-menu ul li{padding:0;margin:10px 3% 0 3%;border-bottom:1px dashed #000;}
div#top{width:100%;}
#index{width:99%;float:none;}
#index p{padding:10px 20px 10px 20px;}
footer{width:100%;}
#index-contents-b{text-align:left;float:none;width:80%;margin:auto;padding:10px 0 10px 0;}
#contents{width:99%;}
#contents-b{text-align:center;width:99%; }
h2,h3,h4,h5,h6{margin:40px 0 40px 0;font-size:18px;line-height:30px;padding:0 15px 0px 15px;}
.post-list,.entry-post,.description p{line-height:1.2;display:block;}
}
@media screen and (max-width: 560px) {
header{margin:auto;text-align:center;padding:50px auto 50px auto;width:100%;}

header img{padding:0 14% 0 14%;width:70%;}
h1{font-size:18px;margin:auto;clear:both;line-height:30px;}
div#top{width:100%;margin:auto;text-align:left;color:#333;font-size:14px;}
.read{width:88%;padding:30px 5% 0 5%;}
footer{width:95%;}
dt{margin:0 0 0 10px;font-size:16px;}
.alignleft-dd{float:left;padding:0 10px 0 0;margin:0;}
address{font-size:12px;text-align:center;margin:0 auto 0 auto;}

#index-contents-b ul li.cat-item{padding:5px 0 5px 0;}


.post-list{width:98%;min-height:240px;}
.eyecatch{padding:0 10px 0 0;margin:15px 0 0 0;}
.post-title{font-size:18px;font-weight:bold;padding:5px 0 5px 0;margin:0;line-height:normal;}
.description{padding:0;margin:0;}



.img.feedimg{width:80px;height:80px;object-fit: cover;}

.paging{clear:both;overflow: hidden;margin-bottom:40px;margin:20px 0px 40px;}
.paging .next{text-align:left;float:none;width:100%;margin:auto;font-size:14px;padding:10px 0 10px 0;}
.paging .prev{text-align:left;float:none;width:100%;margin:auto;font-size:14px;padding:10px 0 10px 0;}
.paging a,.navigation a:visited,.navigation a:link{display:block;padding: 1em;border:1px solid #ddd;background:#eee;}
.paging a:hover{background:#bbb;}


.rss-list{width:90%;margin:auto;padding:10px 0 10px 0;border-bottom:#ddd 1px solid;vertical-align: middle;}
.rss-title{padding:10px 0 0 0;min-height:auto;display:block;width:auto;border-right:none;}
.rss-post{padding:10px 0 0 0;min-height:auto;display:inline-block;width:auto;border-right:none;}
.rss-data{padding:10px 0 0 0;min-height:auto;display:inline-block;width:auto;border-right:none;}
	.share li {
  float : left;
  width : 100%;
  margin:0 2% 3% 0;}
.share li a {border-radius:6px;}
	
}

@media screen and (max-width: 330px) {
.wp-pagenavi{width:99%;margin:auto;font-size:18px;padding:10px 0 0 0;}
.pages{font-size:12px;padding:0 4px 0 0;}
.current,.larger,.smaller,.nextpostslink,.previouspostslink{margin:0 2px 0 2px;}
.first,.last{background:#47BEA0;padding:2px 9px 4px 9px;font-size:14px;}
.previouspostslink,.nextpostslink{padding:2px 9px 4px 9px;font-size:14px;}
.current{padding:2px 8px 4px 8px;}
.page{padding:2px 11px 4px 11px;}
.post-list,.entry-post,.description p{line-height:1;display:block;}
.post-list{min-height:240px;}
}