.blogrss{
	border:solid 1px gray;
	width:350px;
	height:230px;
	overflow:scroll;
	overflow-x: hidden;
}
.blogrss li{
	border-bottom:dotted 1px;
	margin-right:50px;
}
.share {
	display: none;}

@media only screen and (min-width: 1024px){
	.blogrss{
	border:solid 1px gray;
	width:420px;
	height:230px;
	overflow:scroll;
		overflow-x: hidden;
}
}
ul li{
	list-style:none !important;
}
.widget_text ul{
	list-style:none;
}
footer {
    background-color: lightgoldenrodyellow;
    padding: 2em 0;
}

h3{
color: #000;/*文字色*/
padding: 0.5em  !important;/*文字周りの余白*/
display: inline-block;/*おまじない*/
line-height: 1.3;/*行高*/
background:linear-gradient(transparent 60%, #ff6 60%);vertical-align: middle;/*上下中央*/

font-size: 1.2em;
margin-top: 1.5em;
}
@media (max-width: 575.98px){
h2, h3 {
    font-size: 1rem;
	}}


h4{
  position: relative;
  color: white;
  background: #6e6eee;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
	font-size: 1.2em;

}

.kb {
background: linear-gradient(transparent 40%, #ffff00 40%);
padding-bottom: .2em;
font-weight:bold;
}

.pro1{
  color: white;
  background: #6e6eee;
  line-height: 1.4;
  padding: 0.5em;
	font-weight:bold;

}

.pro{
  color: white;
  line-height: 1.4;
  padding: 0.5em;
	font-weight:bold;
  background: #0b0b61;

}


.entry-title{border-bottom: solid 3px skyblue;
position: relative;
}

.mirumiru_title2:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #ffc778;
bottom: -3px;
width: 30%;
}

.rss-items a {
    color: #0836ff!important;
}

@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap {
		max-width: 1200px;/*記事幅の最大値（初期740px）*/
	}
}

.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	max-width: 1000px;/*記事幅の最大値（初期740px）*/
}

@media screen and (min-width: 79em) {
	.wrap {
		max-width: 1200px;
		padding-left: 5em;
		padding-right: 5em;
	}
	.has-sidebar:not(.error404) #primary {
		width: 60.0%;
	}
	.has-sidebar #secondary {
		width: 31.3%;
	}
	.navigation-top .wrap {
		max-width: 1120px;
	}
	.site-footer .wrap {
		padding-left: 10em;
		padding-right: 8em;
	}
}



::-moz-placeholder {

    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    opacity: 1;

}



.mirumiru ul li{
	list-style:none;
	float:left;
	line-height:2em;
	height: 345px;
}



.mirumiru_titleh1 {
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #7db4e6;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
}

.mirumiru_title2 {
border-bottom: solid 3px skyblue;
position: relative;
}

.mirumiru_title2:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #ffc778;
bottom: -3px;
width: 30%;
}

.mirumiru_title3{
position: relative;/*相対位置*/
padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
color: #ff6a6a;/*文字色*/
border-top: dotted 1px gray;
border-bottom: dotted 1px gray;
background: #fffff4;
}

.mirumiru_title3:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f138";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0.25em;/*アイコンの位置*/
top: 0.5em;/*アイコンの位置*/
color: #ff6a6a; /*アイコン色*/
}


.mirumiru_title4 {
color: black;/*文字色*/
border: solid 3px darkgray;/*線色*/
padding: 0.5em;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
	background-color:lightgoldenrodyellow;
	font-weight:bolder;
	margin-top:2px;
}

.mirumiru_title5 {
position: relative;
padding: 5px 5px 5px 42px;
background: #77c3df;
font-size: 20px;
color: white;
margin-left: -33px;
line-height: 1.3;
z-index:-1;
}

.mirumiru_title5:before {
position: absolute;
content: '';
left: -2px;
top: -2px;
border: none;
border-left: solid 40px white;
border-bottom: solid 79px transparent;
z-index:-2
}

.mirumiru_title6 {
color: #364e96;/*文字色*/
border: solid 3px #364e96;/*線色*/
padding: 0.5em;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
}

.mirumiru_title6:hover {
 background:#364e96;
    color: #ffffff;
}


.youtube iframe {
  width: 480px;
  height: 270px;
}

.youtube1 iframe {
  width: 480px;
  height: 270px;
}

.hoby ul li{
	list-style:none;
	float:left;
	line-height:2em;
	width:90%;
	margin:0 3%;
	
}


.frontmovie:after {
  display: block;
  clear: both;
  content: "";
}

.mirumiru:after {
  display: block;
  clear: both;
  content: "";
}

@media screen and (min-width: 800px) {
.custom-logo-link img {
    display: inline-block;
    max-height: none;
    width: auto;
}

.youtube{float:left;
margin-left:1%;
	height:380px;
}
.youtube2{float:right;
margin-left:1%;
	height:380px;
	width:45%;
}
.youtube1{float:left;
margin-left:1%;
}

.hoby ul li{
	list-style:none;
	float:left;
	line-height:2em;
	width:25%;
	margin:0 3%;	
}

.left3 {
	float:left;
	width:50%;
	padding-right:5%;
}

.left2 {
	float:right;
	width:50%;
		padding-right:5%;

}

	
	
.rss-items,
.side {
    margin: 5px 5px 10px;
    background: none;
    color: #444;
    font-size: 10px;
    _font-size: 9px;
    line-height: 150%;
}


.rss-box{
	width:90%;
	height:230px;
	 background:url(../image/buna.jpg) bottom right;
	overflow:scroll;
}

.rss-items a{
	color:#333;
	font-size:13px;
	font-weight:bolder;
}

.rss-items a:hover{
	color:#F00;
}
}
/* begin styles for RSS Feed */

.rss_box {
	 margin: 3px;
	 padding: 0px;
	 width: auto;
	 height:229px;
	 background:url(../image/buna.jpg) bottom right;
	 overflow:scroll;
}

.rss_title, rss_title a {
	font-size: 12px;
	font-weight:bold;
	margin: 5px 0;
	padding: 0;
	letter-spacing: 1px;
}

.rss_items {
	margin: 3px;
	padding: 0px;
}

.rss_item  {
	padding-right: 0px;
	padding-left: 0px;
	font-weight : normal; 
	font-size: 12px;
	padding-bottom: 2px;
	color: #444;
	word-break: break-all;
	list-style-type:none;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	font-weight: bold;
	font-size: 12px;
	color: #333;
	text-decoration : none;
}

.rss_item a:hover { 
	font-weight: bold;
	font-size: 12px;
	text-decoration : underline;
	color: #333;
}

.rss_date {
	font-size: 12px;
	font-weight : normal;
	color: #444;
}

.link ul li{
	width:45%;
	margin:1%;
	float:left;
	list-style:none;

}

@media screen and (max-width: 480px) {
.youtube {
  position: relative;
  width: 100%;
  float:none;
}
.youtube2 {
  position: relative;
  width: 100%;
  float:none;
}	

.youtube iframe {
  right: 0;
  width: 100%;
  height: 100%;
}

.youtube1 {
  position: relative;
  width: 100%;
  float:none;
}

.youtube1 iframe {
  right: 0;
  width: 100%;
  height: 100%;
}

.rss_box {
	 margin: 3px;
	 padding: 0px;
	 width: 100%;
	 background:url(../image/buna.jpg) bottom right;
	 overflow:scroll;
}
	}


.form-width { max-width: 100%;}
.wpcf7-submit {
font-size: 17px;
padding: 3px 25px;
background: #6e6eee !important; 
color: #ffffff !important;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-top: none;
border-right: none;
border-left: none;
border-bottom: solid 4px #dcdcdc;
}
.wpcf7-submit:hover {
background-color: #ffffff !important;
color: #6e6eee !important;	
}

.giji ul {
  border: solid 2px #ffb03f;
  padding: 0 0.5em;
  position: relative;
}

.giji ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}

.giji ul li:before {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}

.giji ul li:last-of-type{
  border-bottom: none;
}

.clear{ clear:both;
}

/*yomoyama
*/
.yomoyama_ppl ul li{
width: 100%;
display: block;
-moz-border-radius: 30px 0;
-webkit-border-radius: 30px 0;
border-radius: 30px 0;
margin: 0;
}
.ppl img{
display:block;
}
.yomoya_contents{
border-top: 2px skyblue solid;
padding-top: 20px;
}

@media (min-width:980px){
.yomoyama{
width:100%;}
.yomoyama_bkn{
	-moz-border-radius: 30px 0 ;
-webkit-border-radius: 30px 0;
border-radius: 30px 0;
background-color: skyblue;
border: blue solid 2px;
padding: 10px;
}
.yomoyama_bkn p{
color:white;
}
.yomoyama_ppl ul li{
width: 33%;
display: block;
float: left;
-moz-border-radius: 30px 0;
-webkit-border-radius: 30px 0;
border-radius: 30px 0;
}
.yomoya_contents1{
float: left;
width:45%;
}
.yomoya_contents2{
width:55%;
float:right;
}
.yomoya_contents3{
float: left;
width:55%;
}
.yomoya_contents4{
float: right;
width:45%;
}
.yomoya_contents6{
float: left;
width:50%;
}
.yomoya_contents7{
float: right;
width:50%;
}
.ppl img{
float:right;
}
}

@media only screen and (min-width: 600px){
.lbox {
    float: left;
    padding-right: 7px;
    width: 50%;
    box-sizing: border-box;
	}
.rbox {
    float: left;
    padding-left: 7px;
    box-sizing: border-box;
    width: 50%;
}}

.panel-image {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: 100%;
	position: relative;
}
.navbar-nav a {
    font-size: medium;
    display: block;
    padding: .4rem 1rem;
}