/*
Theme Name:Twenty Twenty child
Theme URI:
Description:WordPressテーマ「TwentyTwenty」の自作子テーマです。
Template:twentytwenty
*/
.requir{
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	color:#FFF;
	background-color:#CC0000;
	padding:5px 7px;
	border-radius:3px;
	margin-left:10px;
}
input.wpcf7-submit{
	padding:20px 100px;
	background-color:#CC0000 !important;
	margin:0 auto;
		text-decoration:none !important;
}
div.wpcf7 .ajax-loader {
    display: none !important;
}
input.wpcf7-submit:hover{
	background-color:#A70000 !important;
}
div.heading{
	display:block;
	border-bottom:2px solid #CC0000;
	border-left:8px solid #CC0000;
	font-size:20px;
	font-weight:bold;
	padding:5px 0 5px 20px;
	font-family: sans-serif;
}
p{
	line-height:2 !important;
}
.featured-media{
	display:none;
}
.post-inner{
	padding-top:0;
}
button#responsive-menu-button{
	width:10vw !important;
	height:10vw !important;
	top:2.4vw !important;
}
.responsive-menu-box{
	width: 5vw !important;
    height: 8vw !important;
}
.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after{
	    width: 5vw !important;
    height: 0.4vw !important;
    border-radius: 0.4vw !important;
}
.responsive-menu-inner::after{
	bottom:-1.5vw !important;
}
.responsive-menu-inner::before{
	top:-1.5vw !important;
}
.responsive-menu-boring.is-active .responsive-menu-inner::after{
	bottom:0 !important;
}
.header-footer-group.fixed ~ #responsive-menu-button{
	transform: scale(0.8) !important;
   top: -0.1vw !important;
}
@media (min-width: 700px){
.entry-content {
	font-size:1.7rem;
}
	.singular .entry-header {
    padding: 4rem 0;
	}
	.pagination-single {
    font-size: 1.5rem;
	}
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
	max-width:80rem;
}
table{
	font-size:small;
	text-align:center;
}
@media (max-width: 800px){
	table{
		font-size:1.5vw;
	}
}
thead {
	background-color:#ccc;
	vertical-align:middle;
}
.top-tr{
	border-top:2px #999 solid;
}
@media (max-width: 999px) {
.header-logo{
    width:80vw;
    transition-duration: 0.5s;
}
#site-header.fixed img.header-logo{
    width:60vw;
    transition-duration: 0.5s;
}
.header-inner,.section-inner{
	width:100%;
 /*   margin:1vw 1vw !important;
    padding-top:1vw;
    padding-bottom:1vw;*/
}
}
.header-inner, .section-inner{
	padding:0 1vw !important;
}

@media (min-width: 1000px) {
.header-logo{
    width:30vw;
    transition-duration: 0.5s;
}
#site-header.fixed img.header-logo{
    width:25vw;
    transition-duration: 0.5s;
}
}

.footer-copyright{
    font-size:small;
    font-weight:normal;
}

.entry-title{
    font-size:x-large;
    display:block;
    background-color:#FFD9D9;
    padding:5px 0;
}

#site-header{
    display: flex;
    padding: 1vw 2vw;
    position: fixed;
    justify-content: space-between;
    transition: .5s;
    width: 100%;
    z-index:1;
    box-shadow:0 0 4px grey;
}

#site-header.fixed{
    background: rgba(255,255,255,0.9);
    padding: 0px 2vw;
}

@media (max-width: 999px) {
#site-content{
    padding-top:14.1vw;
	 min-height:90vh;
}
}

@media (min-width: 1000px) {
#site-content{
    padding-top:7.2vw;
	min-height:90vh;
}
}

.header-titles{
    margin-left:0;
}
.header-inner,.section-inner{
    margin:1vw auto;
    padding-top:1vw;
    padding-bottom:1vw;
}
.primary-menu li{
    font-size:0.8em;
}
#to_top_scrollup{
    margin:2vw;
}

/*トップ記事一覧*/
.pld-post-image-bg{
	position:relative;
    outline:solid 5px #ccc !important;
	outline-offset: -5px;
}
.pld-post-image-bg img{
	position:absolute;
	top: 0;
  left: 0;
}
@media (min-width: 1000px) {
	    #column-area {
  display: flex;
}
    #main-area{
        flex-basis: 75%;
    }
    #side-menu{
        flex-basis: 25%;
    }
.pld-post-list-content {
	display:flex;
}
.pld-left-columns{
	flex-basis:25%;
}
.pld-right-columns{
	flex-basis:67%;
}
.pld-post-image-bg{
    height:13vw;
    width:20vw;
}
.pld-post-image-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
}
@media (min-width: 901px) and (max-width:999px) {
	    #column-area {
  display: flex;
}
    #main-area{
        flex-basis: 65%;
    }
    #side-menu{
        flex-basis: 35%;
    }
.pld-post-list-content {
	display:flex;
}
.pld-left-columns{
	flex-basis:25%;
}
.pld-right-columns{
	flex-basis:67%;
}
.pld-post-image-bg{
    height:13vw;
    width:20vw;
}
.pld-post-image-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
}
@media (max-width: 900px) {
	    #column-area {
  display: flex;
	flex-direction: column;
	justify-content: center;
}
    #main-area{
        flex-basis: 100%;
    }
    #side-menu{
        flex-basis: 100%;
    }
.pld-post-list-content {
	display:flex;
	flex-direction: column;
}
.pld-left-columns{
    	flex-basis:100%;
}
.pld-right-columns{
    flex-basis:100%;
}
.pld-post-image-bg{
    height:20vw;
    width:90vw;
}
.pld-post-image-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
	.pld-medium-6{
		width:100%;
	}
}
.pld-post-title{
    margin:0.5vw 0;
    font-size:1.5em;
}
.pld-post-list{
    margin:0;
}
.pld-post-content-inner{
    font-size:small;
}
.ctu-ulitate-style-1-tabs{
    padding:3vw !important;
}
.pld-post-categories{
    z-index:0;
}
.ctu-ulimate-style-1{
	justify-content: space-around !important;
}
.pld-post-categories a:hover{
	    border-bottom: 3px solid #cc0000 !important;
}
.oxi-addons-container{
    z-index:0;
}
#side-menu{
	font-size:1.3rem;
}
.widget-title,.widgettitle{
	font-size:2rem;
}
ul.menu{
		list-style:none;
	margin:0;
}
ul#widget-collapsArch-4e3d1ba5-2c6b-419d-b9c1-d20a27733220-top{
	margin-left:0;
}
ul#widget-collapsArch-a05da628-cce8-48f1-9b40-7285104ec90e-top{
	margin:0 0 1em 1em;
}
li.collapsing-archives{
	text-indent:-0.8em !important;
}
li.collapsing-archives > div > ul{
	margin:0 0 1em 1em;
}
.widget li{
	margin:0;
}
li.collapsing-archives{
	padding:0 !important;
}
/*フッター*/
#site-footer{
    margin-top:20px !important;
    border-top:none !important;
    background-color:#cc0000 !important;
    color:#fff;
    padding:5px;
}
.n2-ss-slider-wrapper-inside > div > * {
	font-size:max(2vw,14px) !important;
}
.n2-ss-widget > div {
	padding: 1vw 2vw !important;
}