/*
Theme Name: habakiri-redtea
Theme URI: https://redtea.jp
Description: Habakiriの子テーマ,redtea.jp用にスタイル編集
Author: redtea_rigth
Author URI: https://redtea.jp
Version: 1.0.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Template: habakiri
*/
.site-branding__heading{margin-left:3%}
.entry-meta{border-bottom:1px dotted #ddd;font-size:12px;margin-bottom:30px;padding-bottom:10px}
.comments,.trackbacks{border-top:1px dotted #ddd;margin-top:30px;padding-top:30px}
.entries .article{border-bottom:1px dotted #dddddd;margin-bottom:30px;padding-bottom:30px}
.related-posts{border-top:1px dotted #ddd;margin-top:30px;padding-top:30px}
.para_img img{width: 100%;max-width: 100%;height: auto;}

img.habakiri-slider__image{/*max-width: 100%;max-height: 100%;*/height: 85vh;width: auto\9; /* ie8 */margin: 0 auto;}

.habakiri-slider__item-wrapper{position:absolute}
.author{display:none;}
.copyright{background-color: #212121;color: #4d4d4d;text-align: center;}
.breadcrumbs{color:#cc0000;}
a.bread{color:#cc0000;}
a.bread:hover{color:#cc2200;}
a.copy{color: #4d4d4d;}
a.copy:hover{color: #4f4f4f;}
li{color:#ffffff;}
p {color: #ffffff;}
h2.related-posts__title.h3{color:#cc3030;}
h2.comments__title.h3{color:#cc3030;}
#trackback{color:#cc3030;}
#reply-title{color:#cc3030;}
h2.sidebar-widget__title.h4{color:#cc3030;}

#commentform p textarea {height:75px;}

.page-header{margin-top:0px;margin-bottom:0px;border-bottom:none;}

@font-face {font-family: 'font_woff';font-style: normal;font-weight: 400;src: url('https://fonts.gstatic.com/s/notosansjp/v25/-F6ofjtqLzI2JPCgQBnw7HFQoggP-FVth6gBHskKruuTuNFM3Z_zBNgHMMs5MFw.94.woff2') format('woff');font-display: swap;}
@font-face {font-family: 'font_woff';font-style: normal;font-weight: 400;src: url('https://fonts.gstatic.com/s/notosansjp/v25/-F6ofjtqLzI2JPCgQBnw7HFQoggP-FVth6gBHskKruuTuNFM3Z_zBNgHMMs5MFw.104.woff2') format('woff');font-display: swap;}

@font-face {font-family: "Font Awesome 5 Brands Reguler";src: url(./fontawesome-webfont.woff2);}
.social-nav ul li a[href*="best-friends.chat"]:before {font-family:"Font Awesome 5 Brands Reguler";font-weight: 400;content: '\f4f6'; }
.social-nav ul li a[href*="keybase.io"]:before {font-family:"Font Awesome 5 Brands Reguler";font-weight: 400;content: '\f4f5'; }

.twitter:before {font-family: "Font Awesome 5 Brands Reguler";font-weight: 400;content: '\f099';color: #1DA1F2;}
.mastodon:before {font-family:"Font Awesome 5 Brands Reguler";font-weight: 400;content: '\f4f6';color: #2B90D9;}
.flickr:before {font-family:"Font Awesome 5 Brands Reguler";font-weight: 400;content: '\f16e';}
.discord:before {font-family:"Font Awesome 5 Brands Reguler";font-weight: 400;content: '\f392';color: #7289da;}
.github:before {font-family:"Font Awesome 5 Brands Reguler";font-weight: 400;content: '\f09b';}
.keybase:before {font-family:"Font Awesome 5 Brands Reguler";font-weight: 400;content: '\f4f5';}

@font-face {font-family: "icomoon";src: url(./icomoon.woff);font-weight: normal;font-style: normal;font-display: block;}
#menu-item-217{font-family: 'icomoon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.social-nav ul li a[href*="nicovideo.jp"]:before {font-family:'icomoon';font-size:100%;vertical-align:top;content:'\e901';}

.btn-blog{background-color:rgba(0,0,0,0);color:#ffffff;}.btn-blog:hover{background-color:rgba(0,0,0,0);color:#cc3030;}

.google_map {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.google_map iframe,.google_map object,.google_map embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.button_container {position: absolute;top: 25%;right: 2%;height: 27px;width: 35px;cursor: pointer;z-index: 100;-webkit-transition: opacity .25s ease;transition: opacity .25s ease;}
	.button_container:hover {opacity: .7;}
	.button_container.active .top {-webkit-transform: translateY(11px) translateX(0) rotate(45deg);transform: translateY(11px) translateX(0) rotate(45deg);background: #CC3030;}
	.button_container.active .middle {opacity: 0;background: #CC3030;}
	.button_container.active .bottom {-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);transform: translateY(-11px) translateX(0) rotate(-45deg);background: #CC3030;}
	.button_container span {background: #000;border: none;height: 2px;width: 100%;position: absolute;top: 0;left: 0;-webkit-transition: all .35s ease;transition: all .35s ease;cursor: pointer;}
	.button_container span:nth-of-type(2) {top: 11px;}
	.button_container span:nth-of-type(3) {top: 22px;}
	.button_container.open {position: fixed;top: 9vh;right: 2%;}
	.overlay {position: fixed;background: #000;top: 0;left: 0;width: 100%;height: 0%;opacity: 0;visibility: hidden;-webkit-transition: opacity .35s, visibility .35s, height .35s;transition: opacity .35s, visibility .35s, height .35s;overflow: hidden;}
	.overlay.open {opacity: .9;visibility: visible;height: 100%;}
	.overlay.open li {-webkit-animation: fadeInRight .5s ease forwards;animation: fadeInRight .5s ease forwards;
	-webkit-animation-delay: .35s;animation-delay: .35s;}
	.overlay.open li:nth-of-type(2) {-webkit-animation-delay: .4s;animation-delay: .4s;}
	.overlay.open li:nth-of-type(3) {-webkit-animation-delay: .45s;animation-delay: .45s;}
	.overlay.open li:nth-of-type(4) {-webkit-animation-delay: .50s;animation-delay: .50s;}
	@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
	.overlay nav {position: relative;height: 70%;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 50px;
	font-family: 'Montserrat', sans-serif;
	text-align: center;}
	.overlay ul {list-style: none;padding: 0;margin: 0 auto;display: inline-block;position: relative;height: 100%;}
	.overlay ul li {display: block;height: 25%;height: calc(100% / 4);min-height: 50px;position: relative;opacity: 0;}
	.overlay ul li a {display: block;position: relative;color: #CC3030;text-decoration: none;overflow: hidden;}
	.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {width: 100%;}
	.overlay ul li a:after {content: '';position: absolute;bottom: 0;left: 50%;width: 0%;-webkit-transform: translateX(-50%);transform: translateX(-50%);height: 3px;background: #CC3030;-webkit-transition: .35s;transition: .35s;}
	@-webkit-keyframes fadeInRight {0% {opacity: 0;left: 20%;}100% {opacity: 1;left: 0;}}
	@keyframes fadeInRight {0% {opacity: 0;left: 20%;}100% {opacity: 1;left: 0;}}