@charset "utf-8";
/* CSS Document */

/*
Theme Name: R__original
Theme URI: 
Author: marudou.
Author URI: 
Description: 
Version: 1.0
License: 
License URI: 
Tags: 
Text Domain: 

*/


/*common
======================================================== */

body{
	letter-spacing: 2px;padding-top:90px; background: #f3f3f3;color:#434343;    word-wrap: break-word;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}

a,a:visited{color:#434343;}
a{text-decoration: none;}
a:hover{text-decoration: underline;color:#00acee;opacity: 0.7}
iframe{    max-width: 100%;}

.flex-bet{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-start{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-end{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content:flex-end;
    justify-content:flex-end;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.l-border{border-left:4px solid;}
.l-border.red{border-color:#d00;padding-left:15px;}
.l-border.blue{border-color:#297bab;padding-left:15px;}
.l-border.orange{border-color:#fba848;padding-left:15px;}

.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}

.mr15{margin-right:15px;}

/*index
======================================================== */

.index__sec01{width:100%;margin:0 auto 50px;}
.index__sec01--flexbox33{width:33.33333333%;background:#000;color:#fff;}
.index__sec01--flexbox33 img{width:100%;height:auto;}
.index__sec01--flexbox33--center{border-left:1px solid #fff;border-right:1px solid #fff;}
.index__sec01 h2{font-size:12px;margin: 30px 0 15px;}
.index__sec01 h3{font-size:30px;margin: 0 0 15px;line-height: 38px;}
.index__sec01 p{font-size:12px;margin: 0;}
.index__sec01--border{width: 30px; height: 4px; display: block;margin-bottom:15px;}
.index__sec01--border.red{background:#d00;}
.index__sec01--border.blue{background:#297bab;}
.index__sec01--border.orange{background:#fba848;}
.index__sec01 article{margin: 0 0px 20px 30px;}
.index__sec01 a,.index__sec01 a:visited{color:#fff;text-decoration: none;}


.index__sec02{width:1200px;max-width:100%;margin:0 auto 50px;background:#fff;padding:25px 20px;}
.index__sec02--title{border-bottom: solid 3px #bbb;position: relative;display: inline-block;margin-top: 0;}
.index__sec02--title:after {position: absolute;content: " ";display: block;border-bottom: solid 3px #000;bottom: -3px;width: 25%;}
.index__sec02--article{width:23.5%; border: 1px solid #ddd; padding: 10px;height: auto;position:relative;margin-right: 20px; margin-bottom: 25px;}
.index__sec02--article:nth-child(4n){margin-right: 0;}
.index__sec02--article div{max-width:300px;width:100%;height:200px;margin-top: 10px;}
.index__sec02--article img{width:100%;height:100%;object-fit: cover;}
.index__sec02--article h3{font-size: 14px;margin: 10px 0 0;height: 65px;}
.index__sec02--article time{font-size: 12px; font-style: italic; color: #a41919;text-align: right;display: block;}
.index__sec02--article ul{margin:0;padding: 0;list-style: none;font-size:12px;text-align: right;}
.index__sec02--article li{display: inline-block;}
.index__sec02--article span {
	display: inline-block;
    position: absolute;
    top: 5px;
    left: 5px;
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
	z-index: 5;
}
.index__sec02--article span.open{background:#d2556a;border-color:#d2556a;}
.index__sec02--article span.column{background:#3333cc;border-color:#3333cc;}
.index__sec02--article span.injustice{background:#db9e42;border-color:#db9e42;}
.index__sec02--article span.seminar{background:#a41919;border-color:#a41919;}
.index__sec02--article span.case{background:#297bab;border-color:#297bab;}
.index__sec02--article span.kazulog{background:#EB3228;border-color:#EB3228;}
.index__sec02--article span.pay{background:#069696;border-color:#069696;}
.index__sec02--article span.trend{background:#79d1b0;border-color:#79d1b0;}
.index__sec02--article span.different{background:#A757A8;border-color:#A757A8;}
.index__sec02--article span.machine{background:#fba848;border-color:#fba848;}
.index__sec02--article span a,.index__sec02--article span a:hover{color:#fff;text-decoration: none;}




.index__sec03{width:1200px;max-width:100%;margin:0 auto 50px;background:#fff;padding:25px 20px;}
.index__sec03--flexbox1{width:100px}
.index__sec03--flexbox2{max-width:1050px;width: calc(100% - 100px) ;}
.index__sec03--flexbox1--title {border-bottom: solid 3px #bbb;position: relative;}
.index__sec03--flexbox1--title:after {position: absolute;content: " ";display: block;border-bottom: solid 3px #000;bottom: -3px;width: 25%;}
.index__sec03--flexbox2--ctlist{list-style: none;}
.index__sec03--flexbox2--ctlist li{display:inline-block;border: 1px solid;border-radius: 5px;font-size: 12px;padding: 2px 3px;margin-bottom: 2px;}
.index__sec03--flexbox2--ctlist li a{text-decoration: none;}
.index__sec03 .tag{margin-right: 7px;background: #b4b4b4;border-color: #b4b4b4;}
.index__sec03 a{color:#fff;}
.index__sec03 li:hover {opacity: 0.7;}

.index__sec03 li{background:#333;border-color:#333;}
.index__sec03 li.open{background:#d2556a;border-color:#d2556a;}
.index__sec03 li.column{background:#3333cc;border-color:#3333cc;}
.index__sec03 li.injustice{background:#db9e42;border-color:#db9e42;}
.index__sec03 li.seminar{background:#a41919;border-color:#a41919;}
.index__sec03 li.case{background:#297bab;border-color:#297bab;}
.index__sec03 li.kazulog{background:#EB3228;border-color:#EB3228;}
.index__sec03 li.pay{background:#069696;border-color:#069696;}
.index__sec03 li.trend{background:#79d1b0;border-color:#79d1b0;}
.index__sec03 li.different{background:#A757A8;border-color:#A757A8;}
.index__sec03 li.machine{background:#fba848;border-color:#fba848;}
.index__sec03 li.pr{    background: coral; border-color: coral;}

.index__sec04{width:1200px;max-width:100%;margin:0 auto 50px;background:#fff;padding:25px 20px;}
.index__sec04--flexbox{width:49%;height:auto;}
.index__sec04--flexbox img{width:100%;height:auto;}

.index__sec04 .yarpp-related{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.index__sec04 .yarpp-related h3{font-size: 14px;margin: 10px 0 0;height: 65px;}

.index__sec04 .yarpp-related h3 a:hover{text-decoration: underline;}
.index__sec04 .yarpp-related li a{font-weight:normal;}
.index__sec04 .yarpp-related li a:hover{text-decoration: underline;}

#index .btb {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 25px 20px;
}



.index__sec06{width:1200px;max-width:100%;margin:0 auto 50px;background:#fff;padding:25px 20px;}
.index__sec06--flexbox{width:24%;height:auto;}
.index__sec06--flexbox img{width:100%;height:auto;}


/*sns2*/
.social {width: 100%;text-align: center;margin:20px 0;}
.social .link {display: inline-block;vertical-align: middle; position: relative;width: 75px;
  height: 75px;border-radius: 50%;border: 2px dashed black;background-clip: content-box;
  padding: 5px;transition: .5s;color: #D7D0BE;margin-left: 5px;margin-right: 5px; font-size: 35px;}
.social .link span {display: block;position: absolute;text-align: center;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.social .link.hatebu span {top: 47%;left: 53%;}
.social .link:hover {padding: 0px;color: white;margin-left: 5px;transform: translateX(0px) rotate(360deg);border: none;}
.social .link.hatebu {background-color: #008fde;color: white;border-color: #008fde;}
.social .link.line {background-color:#1dcd00;color: white;border-color: #1dcd00;}
.social .link.twitter {background-color: #00ACEE;color: white;border-color: #00ACEE;}
.social .link.facebook {background-color: #3B5998;color: white;border-color: #3B5998;}
div.r__main--content a.link:after{content:'';}


/* single,page
======================================================== */
.wp-embedded-content {max-width: 100%;}
.content__wrap{max-width: 1200px;margin: 0 auto;width: 100%;}
.breadcrumb {font-size: 12px; padding: 10px 0;}
.content__main{width:70%;margin-right: 30px; margin-bottom: 50px; background: #fff; padding: 30px;}
.content__side{width: 25%;background: #FFF; padding: 0 15px;margin-bottom: 50px;}
.content__main img{max-width:100%;height:auto;}
.content__main h2{margin-top:0px; border-left: 4px solid; padding-left: 10px;}
.content__main input[type="text"], .content__main input[type="email"]{border: 1px solid;height: 32px;max-width:350px;width:100%;}
.content__main textarea{max-width:350px;width:100%;border: 1px solid;}
.content__main input[type="submit"]{
	border: 1px solid;
    padding: 10px 40px;
    background: #000;
    color: #fff;
    font-size: 16px;
    letter-spacing: 14px;
    text-align: center;
    text-indent: 14px;
	cursor: pointer;
}

.archive__main--article{padding-bottom:40px;}
.content__main a,.content__main a:visited{color:#00acee;}
.content__main a{text-decoration: underline;}
.content__main a:hover{text-decoration: underline;color:#00acee;opacity: 0.7}
.content__main .yarpp a,.content__main .yarpp a:visited{color:#434343;}
.content__main .yarpp a{text-decoration: none;}
.content__main .yarpp a:hover{text-decoration: underline;color:#00acee;opacity: 0.7}
.content__main .yarpp span a,.content__main .yarpp span a:visited{color:#fff;}
.content__main .yarpp span a{text-decoration: none;}
.content__main .yarpp span a:hover{text-decoration: none;color:#fff;opacity: 0.7}
.content__main　.single__date{margin: 5px 0 10px;}
.content__main span.cate {
	display: inline-block;
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
	z-index: 5;
	margin-bottom:15px;
}
.content__main span.open{background:#d2556a;border-color:#d2556a;}
.content__main span.column{background:#3333cc;border-color:#3333cc;}
.content__main span.injustice{background:#db9e42;border-color:#db9e42;}
.content__main span.seminar{background:#a41919;border-color:#a41919;}
.content__main span.case{background:#297bab;border-color:#297bab;}
.content__main span.kazulog{background:#EB3228;border-color:#EB3228;}
.content__main span.pay{background:#069696;border-color:#069696;}
.content__main span.trend{background:#79d1b0;border-color:#79d1b0;}
.content__main span.different{background:#A757A8;border-color:#A757A8;}
.content__main span.machine{background:#fba848;border-color:#fba848;}
.content__main span.cate a,.content__main span.cate a:hover{color:#fff!important;text-decoration: none;}






.side_widget_block img{width:100%;}
.r__side--title{border-left: 3px solid; padding-left: 10px;}
.side_widget_block ul{list-style: none; padding: 0;  margin-left: 15px;font-size:14px;margin-right: 15px;}
.side_widget_block ul li.cat-item {line-height: 28px; padding: 0!important; border: none;}
.side_widget_block ul li{ padding: 10px 0; border-bottom: 1px dashed;}
.side_widget_block ul li:first-child{ padding: 0px 0 10px;}

.side_widget_block .screen-reader-text{display:none;}
.side_widget_block .searchform{margin-top:30px;}
.side_widget_block input[type="text"]{border: 1px solid;height: 32px;padding-left:5px;width:67%;}
.side_widget_block input[type="submit"]{border: 1px solid;height: 32px;}

.page-numbers {padding: 5px;}
.yarpp{	position: relative; border: 1px solid #ddd; padding: 10px; margin-bottom: 20px;overflow: hidden;}
.yarpp h4{margin: 28px 0 5px; font-size: 15px; line-height: 28px;}
.yarpp time{font-size: 12px; font-style: italic;}
.yarpp ul{font-size: 12px;list-style: none;}
.yarpp ul li{display:inline-block;}
.yarpp span{display: inline-block; position: absolute; top: 5px; left: 5px; background: #000; color: #fff; font-size: 12px; padding: 5px 10px;z-index: 5;}
.yarpp span.open{background:#d2556a;border-color:#d2556a;}
.yarpp span.column{background:#3333cc;border-color:#3333cc;}
.yarpp span.injustice{background:#db9e42;border-color:#db9e42;}
.yarpp span.seminar{background:#a41919;border-color:#a41919;}
.yarpp span.case{background:#297bab;border-color:#297bab;}
.yarpp span.kazulog{background:#EB3228;border-color:#EB3228;}
.yarpp span.pay{background:#069696;border-color:#069696;}
.yarpp span.trend{background:#79d1b0;border-color:#79d1b0;}
.yarpp span.different{background:#A757A8;border-color:#A757A8;}
.yarpp span.machine{background:#fba848;border-color:#fba848;}
.yarpp span a,.yarpp span a:hover{color:#fff;text-decoration: none;}

.yarpp__img--wrap{float: left; width:25%;;margin-top: 10px; margin-right: 25px;height:140px;    overflow: hidden;}
.yarpp__img--wrap img{width:100%;height:auto;}
.yarpp-related a {text-decoration: none;font-weight: normal!important;}
.sp{display: none;}
.btb{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 25px 0;}

.single__content h3{
	position:relative;
	padding:5px 0px;
	
	color:#333;
	background:#fff;
	
	border-top:#ddd solid 1px;
	border-bottom:#ddd solid 1px;
    background-image: -webkit-gradient(linear, left top, right bottom,
			from(			rgba(0, 102, 255, 0.0)), 
			color-stop(0.4, rgba(0, 102, 255, 0.0)), 
			color-stop(0.4, rgba(0, 102,255, 0.1)), 
			color-stop(0.6, rgba(0, 102,255, 0.1)), 
			color-stop(0.6, rgba(255, 255, 255, 0.0)),
			to(				rgba(255, 255, 255, 0.0))
			);
	background-image: -webkit-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -moz-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -o-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: linear-gradient(to bottom -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-size:4px 4px;
}


.single__content h4 {
    background: linear-gradient(transparent 70%, orange 70%);
    display: inline-block;
    padding-right: 30px;
    margin: 0;
}

/*sns2*/
.arrowBoxs {
  position: relative;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  text-align: center; width: 60px;
    padding: 0 5px 0 5px;
}
.arrowBoxs:after, .arrowBoxs:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
 
.arrowBoxs:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 5px;
  margin-left: -5px;
}
.arrowBoxs:before {
  border-color: rgba(204, 204, 204, 0);
  border-top-color: #cccccc;
  border-width: 6px;
  margin-left: -6px;
}

#share li.sns::before{content:'';} 
#share li.sns{display:inline-block;    padding-bottom: 10px;}
#share li.sns{padding-left:0;text-indent: 0;margin-right:10px;}
#share ul{margin-bottom:0px;  margin-top: 20px;text-align: right;padding:0;}
#share li img{width:60px; margin-top: 10px;max-width:100%;}



/*sns end*/

@media screen and (max-width: 1080px){
.index__sec02--article h3 {font-size: 12px; margin: 10px 0 0; height: 65px;}
	
	
}

@media screen and (max-width: 959px){
	
/*index
======================================================== */

.index__sec01 h2{font-size:12px; margin: 45px 0 10px;}
.index__sec01 h3{font-size: 20px;margin: 0 0 15px;line-height: 24px;}


.index__sec02--article{width:30.5%; border: 1px solid #ddd; padding: 10px;height: auto;position:relative;margin-right: 20px; margin-bottom: 25px;}
.index__sec02--article:nth-child(4n){margin-right: 20px;}
.index__sec02--article:nth-child(3n){margin-right: 0px;}

}


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

	
.index__sec01 { width: 100%; margin: 0 auto 20px;}


	
/*index
======================================================== */
	.index__sec01--flexbox33 {width: 100%;}
	.index__sec01--flexbox33--center {border: none;}
	.index__sec01 h2 {font-size: 12px; margin: 20px 0 10px;}
	.index__sec01 article {margin: 0 0px 0px 30px;}
	.index__sec01 {padding: 22px 0 20px;background: #000;}
	.index__sec01 p {text-decoration: underline;}
	.pc{display:none;}.sp{display:inline-block;}
.sp-txtctr{text-align: center!important;}/*sns*/

.index__sec02--article{width:100%;margin-right:0px;}
.index__sec02--article:nth-child(4n){margin-right: 0px;}
.index__sec02--article:nth-child(3n){margin-right: 0px;}
.index__sec02--article div { margin-top: 15px;max-width: 100%;height:auto;}
.index__sec02--article h3 {font-size: 16px;margin: 0; height: auto;}	
	
.index__sec03--flexbox1 {width: 100%;}	
.index__sec03--flexbox1--title {display: inline-block;}	
.index__sec03--flexbox2 {width: 100%;}
.index__sec03--flexbox2--ctlist {list-style: none; padding: 0;}	
.index__sec04--flexbox { width: 100%; height: auto;}
.index__sec06--flexbox { width: 47%; height: auto; margin-bottom: 20px;}	
	.flex-bet div.index__sec06--flexbox:nth-child(3n){margin-bottom:0;}	
	.flex-bet div.index__sec06--flexbox:nth-child(4n){margin-bottom:0;}	
	
	.index__sec04 div.index__sec04--flexbox:nth-child(2n){margin-top: 15px;}

.content__main {width: 100%;margin-right:0;}
.breadcrumb { font-size: 12px;  padding: 10px 30px;}
	.yarpp__img--wrap { float: left; width: 44%; height: 140px; margin-top: 15px; margin-right: 10px;margin-bottom:10px;}
	.yarpp h4 { margin: 20px 0 5px; font-size: 15px; line-height: 20px;min-height: 100px;}
	.content__side {width: 100%;background: #FFF; padding: 0 15px 15px; margin-bottom: 50px;}
	.yarpp ul { font-size: 9px; list-style: none; margin: 5px 0;padding:0;text-align: right;}
	.yarpp time { font-size: 11px; font-style: italic; text-align: right;  display: block;}
	.page-numbers { padding: 5px; font-size: 16px;}
	
	.social .link {width: 60px;height: 60px;padding: 5px;color: #D7D0BE;margin-left: 2px; margin-right: 2px;font-size: 25px;}
	.social .link:hover {margin-left: 2px;}
}