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

h1 {
	margin: 0px;
	padding: 0px 1em;
	font-size: 300%;
	font-weight: bold;
	color: #0050c2;
	line-height: 40px;
	background-image: url("../images/common/bulb.svg");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}

h2 {
	font-size: 200%;
	font-weight: bold;
	color: #777777;
}
section p {
	margin: 0px;
	padding: 1em 0px 2em 0px;
	font-size: 160%;
	color: #777777;
}

.list_container {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
	max-width: 1000px;
	box-sizing: border-box;
}
.newslist {
	margin: 0px 0px 3em 0px;
	padding: 0px;
	box-sizing: border-box;
}
.newslist a {
	text-decoration: none;
}
ul.newslist_body {
	margin: 0px;
	padding: 0px 0px 30px 0px;
	box-sizing: border-box;
}


.newslist_title {
	margin: 0px 0px 0.5em 0px;
	padding: 0px;
	font-size: 180%;
	font-weight: bolder;
	text-decoration: none;
	color: #0050c3;
	border-bottom: 1px dashed #0050c3;
	list-style: none;
}

.newslist_title::before {
  position: relative;
  vertical-align: middle;
  bottom: 0px;
  left: 0px; 
  display: inline-block;
  width: 18px;
  height: 18px;
  content: '';
  border-radius: 2px;
  background: #0050c3;
	letter-spacing: 0.1em;
	padding: 0px;
	margin: 0px 0.25em 0px 0px;
  }


.newslist_tn {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
.newslist_tn img {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	object-fit: cover;
	vertical-align: bottom;
	width: 120px;
	height: 120px;
	float: left;
}


.newslist_excerpt {
	list-style: none;
	color: #777777;
}
.newslist_excerpt span p {
	margin: 0px;
	padding: 0px 0px 0px 130px;
	font-size: 160%;
	color: #777777;
}
.newslist_date {
	text-align: right;
	list-style: none;
	font-size: 140%;
	color: #0050c3;
	clear: both;
}





.single_date {
	text-decoration: none;
	list-style: none;
	font-size: 160%;
	color: #173368;
}


.wp-block-image img {
	border: 1px solid #D6D6D6;
}




/* 送り矢印 */
.arrowspace {
	display: block;
	position: relative;
	margin: 2em 0px;
	height: 2em;
}
.post_r {
	position: absolute;
	right: 0px;
}


.post_l a,
.post_r a {
	font-size: 160%;
	color: rgba(119,119,119,1.00);
	text-decoration: none;
	height: 20px;
	width: 20px;
	padding: 4px 10px;
	box-sizing: border-box;
	border: 1px solid rgba(119,119,119,1.00);
	border-radius: 4px;
}
.post_l a:hover,
.post_r a:hover {
	opacity: 0.6;
}


.toukou {
	margin: 0px;
	padding: 40px 20px;
}


.toukou dl {
	margin: 0px 0px 50px 0px;
	padding: 0px;
	font-size: 160%;
	color: #4d4d4d;
}
.toukou dt {
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: right;
	width: 6em;
	line-height: 1.8;
}

.toukou dd {
	margin: 0px;
	padding: 0px 0px 0.5em 6em;
	line-height: 1.8;
}

.blue {
	color: #2E5EA1;
}

.kaijo {
	margin: 0px 0px 0.5em 0px;
	padding: 0px 0px 0px 0px;
	font-size: 180%;
	font-weight: bolder;
	text-decoration: none;
	color: #0050c3;
	list-style: none;
	letter-spacing: 0.1em;
}

.kaijo::before {
  position: relative;
  vertical-align: middle;
  bottom: 0px;
  left: 0px; 
  display: inline-block;
  width: 16px;
  height: 16px;
  content: '';
  border-radius: 2px;
  background: #0050c3;
	padding: 0px;
	margin: 0px 0.25em 0px 0px;
  }

.price {
	margin: 0px 0px 0.5em 0px;
	padding: 0px 0px 0px 0px;
	font-size: 180%;
	font-weight: bolder;
	text-decoration: none;
	color: #B607E0;
	list-style: none;
	letter-spacing: 0.1em;
}

.price::before {
  position: relative;
  vertical-align: middle;
  bottom: 0px;
  left: 0px; 
  display: inline-block;
  width: 16px;
  height: 16px;
  content: '';
  border-radius: 2px;
  background: #B607E0;
	padding: 0px;
	margin: 0px 0.25em 0px 0px;
  }
  
 .priceinfo {
	margin: 0px;
	padding: 0px 0px 50px 0px;
	font-size: 160%;
	color: #4d4d4d;
	list-style: none;
}
.priceinfo li {
 	margin: 0px;
	padding: 0px;
	line-height: 1.8;
 }
 .bold {
 	font-weight: bold;
 }

 .bold_pink {
 	font-weight: bold;
	color: #B607E0;
 }



.showinfo {
	margin: 0px 0px 0.5em 0px;
	padding: 0px 0px 0px 0px;
	font-size: 180%;
	font-weight: bolder;
	text-decoration: none;
	color: #ec5a24;
	list-style: none;
	letter-spacing: 0.1em;
}
.showinfo::before {
  position: relative;
  vertical-align: middle;
  bottom: 0px;
  left: 0px; 
  display: inline-block;
  width: 16px;
  height: 16px;
  content: '';
  border-radius: 2px;
  background: #ec5a24;
	padding: 0px;
	margin: 0px 0.25em 0px 0px;
  }
 .show_sche {
	margin: 0px;
	padding: 0px 0px 50px 0px;
	font-size: 160%;
	color: #4d4d4d;
	list-style: none;
}
 .bold_orange {
 	font-weight: bold;
	color: #ec5a24;
	padding: 0px 0px 1em 0px;
 }



/*===================================メディア切替===================================*/

	/*iphone8、XとXS 375-667のポートレイト*/
@media screen and (min-width: 375px) {
}


	/*iphone8plus、XR、XS Max 414-736のポートレイト*/
@media screen and (min-width: 414px) {
}


	/*iphoneSE 568-320のランドスケープ*/
@media screen and (min-width: 568px) {
	.list_container {		
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;    /*左（上）揃え*/
		align-items: baseline;   /*ベースラインを揃える*/
		}
	.topics_list {
		width: 46%;
		margin: 10px;
		box-sizing: border-box;
		}

}


	/*iphone8 667-375のランドスケープ*/
@media screen and (min-width: 667px) {
}




	/*iphone8plus 736-414のランドスケープ*/
@media screen and (min-width: 736px) {
}



/*iPad Pro 9.7のポートレイト*/
/*ipadmini 1024-768のポートレイト*/
@media screen and (min-width: 768px) {
}



	/*iphone xとxs 375-812のランドスケープ*/
@media screen and (min-width: 812px) {
	section {
		padding: 20px 40px;
	}
	.toukou {
	padding: 40px 40px;
}

}



	/*iPad Pro 10.5 834-1112のポートレイト*/
@media screen and (min-width: 834px) {
	section {
		padding: 20px 20px;
	}
	.toukou {
	padding: 40px 20px;
}
}


	/*iPad Pro 9.7のランドスケープ*/
	/*iPad Pro 12.9のポートレイト*/
@media screen and (min-width: 1024px) {
}

