/*全体*/

body{
	font-family:sans-serif!important;
}

body.home .site-content {
	margin-top:40px;
}

#main{
	margin:0;
}

.sidebar-column {
	padding:0;
}

#post-2 .single-thumb {
	display:none;
}

/*ヘッダー*/

.site-branding, .single .byline {
	display:none;
}


.header-info {
	top:40%;
}

.header-subtext {
	font-family: 'Josefin Sans', sans-serif;
}

.site-description{
	color:#BDBDBD;
	display:none;
}	

.header-image::after {
	background-color: rgba(37, 46, 53, 0.3);
}

.page-header .page-title {
    text-align: center;
}

.sns-icon {
	margin-top: 20px;
}


/*フッター*/

#block-17 {
	margin:20px 0 40px 0;
}

.footer-widgets{
	padding:20px 0;
}

.sb_instagram_header h3 {
	color:#ffffff;
}

#ctf.ctf_palette_dark.ctf.ctf-boxed-style .ctf-item{
	margin:5px;
}

#ctf.ctf-list.ctf-boxed-style .ctf-header, .ctf-list.ctf-boxed-style .ctf-item {
	margin-bottom:5px;
}

#ctf.ctf_palette_dark{
	background-color:rgba(0,0,0,.85);
}

/*navigation*/

.sharedaddy.sd-sharing-enabled,
#jp-relatedposts {
	display:none!important;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: right;
	text-align: right;
	width: 50%;
}

.posts-navigation .nav-previous::after,
.post-navigation .nav-previous::after {
	content: " >";
	color: #444444;
	font-size: 100%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: left;
	text-align:left;
	width: 50%;
}

.posts-navigation .nav-next::before,
.post-navigation .nav-next::before {
	content: "< ";
	color: #444444;
	font-size: 100%;
}

/*見出し*/

h1 {
   margin-top:40px;
}

h1.entry-title, h1.entry-title a {
   margin-top:20px;
   text-align:center;
}

h1.wp-block-heading {
	margin-top:50px;
}

.entry-content h2 {
   padding:30px 0 0;
}

.entry-content h3.wp-block-heading {
    padding: 0 0.5em;
    color: #494949;
    background: transparent;
    border-left: solid 5px #d8d8d8;
}

h4 {
	margin-top:30px;
}

/*ボタン*/

button, .button {
	  border:2px solid;
	  font-weight:bold;
	  letter-spacing: 1px;
	  text-transform: none;
}

button:hover, .button:hover,
button:active, .button:active{
	  color:#ffffff;
}

.top-button {
	  display: table;
	  margin: 0 auto;
}

.top-button a {
	  color:#efa900;
}

.button.header-button {
	  letter-spacing:2px;
	  float:left;
	  margin:30px 20px;
	  padding:10px 5px;
	  width:200px;
}

.button.header-button:hover {
	background-color:#f48200;
}

.posts-layout button,
.posts-layout .button {
    padding: 3px 20px;
    border: 1px solid #f48200;
    border-radius: 20px;
    color: #f48200;
    font-weight:normal;
    margin-left:auto;
}

a.posts-layout button:hover,
.posts-layout a.button:hover,
.posts-layout .button:active {
    color:#fff;
    border: 2px solid #d18830;
}

a.wp-block-button__link {
    margin:10px 0 30px 0;
}

/*画像*/
img {
   clear: both;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.attachment-astrid-large-thumb {
	 max-width:100%;
	 min-width:45%;
}	

.entry-content .wp-block-image img{
	width:700px;
	margin-bottom:10px;
}

/*投稿一覧*/

.masonry-layout .hentry {
   padding:20px 30px;
}

.posts-layout .entry-title,
.entry-title a {
	font-size:20px;
	text-align:left;
	margin-bottom:8px;
}

.entry-summary {
	margin:0 0 10px;
	font-size:13px;
}

.entry-meta {
	margin:10px 0;
	border:0;
	padding:0;
}

.entry-meta span:after {
	content:none;
}

.entry-meta span,.entry-footer span {
	 margin: 0 10px 0 0 ;
	 font-size:0.9em;
}

.masonry-layout .entry-meta .read-more, .masonry-layout .entry-meta .posted-on {
	display:inline;
}

.masonry-layout .entry-thumb {
	margin-bottom:10px;
}

.info {
	background: #4a9f77;
}

.tiktok blockquote {
	border:0;
}

/*ultimate block*/
.wp-block-ub-tabbed-content-tabs-content {
	padding:0;
}

.wp-block-ub-tabbed-content-tab-content-wrap {
	padding:25px 35px 25px 25px;
}

.ub-tabbed-content-panel {
  overflow-y: scroll;
  height: 500px;
}

/*ポートフォリオ*/
.wp-block-cover, .wp-block-cover-image {
	position:relative;
	min-height:150px;
}

.is-layout-constrained,
.is-layout-constrained p,
.is-layout-constrained a {
	position:absolute;
	padding:30px 0 0 0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#ffffff;
}

.is-layout-constrained:hover,
.is-layout-constrained p:hover,
.is-layout-constrained a:hover {
	color:#ef8700;
	background: rgb(200 240 255 / 20%);
}

.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
	height:300px;
}

.site-header {
	border-bottom:0;
}



@media only screen and (max-width: 1024px) {

.site-header {
    position: fixed !important;
    top: 0;
}
	
.site-header.has-header, .site-header.has-video {
	 background-color: transparent;
}
	
.site-header, .site-header.header-scrolled {
	background-color: rgba(4, 43, 102, 0.9);
}

.site-header.has-header,
.site-header.has-video, 
.site-header.has-single,
.site-header.has-shortcode {
	position: fixed !important;
	width: 100%;
	top: 0;
	z-index: 10000;
}
	
.mobile-nav, .small-header {
	display: block;
	height: 350px;
	object-fit: cover;
}
	
.entry-content .wp-block-image img{
	width:100%;
}

.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
	height:200px;
}
	
}

@media only screen and (min-width:1500px){
	.ub_image_slider .swiper-slide>img, .ub_image_slider .swiper-slide>picture>img, .ub_image_slider .swiper-slide figure>img, .ub_image_slider .swiper-slide figure>picture>img {
		width:80%;
		max-width:80%;
	}
}
	
@media only screen and (max-width: 767px) {
	.masonry-layout .hentry{
	width:100%;
	max-width:100%;
	}
	.posts-layout{
	width:100%!important;	
	}
}

@media only screen and (max-width: 420px) {

#masthead {
	padding:10px;
}

.site-description{
	font-size:0.8em;
}

.site-title {
	font-size:25px;
}

.site-branding {
	margin-bottom:5px;
}

.header-info {
	top:35%;
}

.button.header-button {
	letter-spacing:1px;
	margin:30px 10px;
	padding:10px 5px;
	width:120px;
}

ol, ul{
	padding-left:20px;
}
	
}