@charset "utf-8";

.base-wp{padding: 100px 0;}



.news_title{font-size: 20px; font-weight: bold;}




.base-wp{padding-bottom: 10%;}




.news_box{ width: 90%; max-width: 800px; margin: 0 auto 20px auto; border: solid 2px #caa946; background-color:rgba(255,255,255,0.80); padding: 2.5%; color: #383118; letter-spacing: 0.1em; line-height: 1.61; font-feature-settings : "palt"; font-size: 14px; }
.news-day{}
.read{width: 95%; font-size: 1rem; margin: 0 auto 14px auto; line-height:1.61; font-size: 1rem;}

h2{width: calc(95% - 10px); font-size: 1.5rem; padding: 2% 0 2% 10px; margin: 5% auto 2% auto; margin-bottom: 3%; color: #866f26; line-height:1.4; border-left: double 3px #866f26;}
h3{width: calc(95% - 20px); font-size: 1rem; margin: 5% auto 14px auto; color: #e8373d; line-height:1.4; letter-spacing: 0.1em; padding-bottom: 5px;
  border-bottom: solid 2px #f9c4c5;
  position: relative;
}
h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #e8373d;
  bottom: -2px;
  width: 10%;
}

h4{font-size: 1rem; margin: 5% 0 14px 0; color: #e8373d; line-height:1.4; letter-spacing: 0.1em; padding-bottom: 5px;
padding-left: 20px; color:#eb363a;
border-top: dotted 3px #eb363a; border-bottom: dotted 3px #eb363a; padding: 5px 0;}

.title_box{width: 95%; max-width: 800px; padding: 3% 0; margin: 0 auto;}
.img_box{width: 90%; max-width: 800px; padding: 5% 0; margin: 0 auto;}
.text_box{width: 90%; font-size: 1rem; margin: 0 auto 14px auto; line-height:1.61; font-size: 1rem;}
.text_box2{width: 80%; font-size: 1rem; margin: 0 auto 14px auto; line-height:1.61; font-size: 1rem; padding: 5%; margin-top: 5%; background:#fde6e7;}

.at_box{font-size: 0.8rem; color: #bda964; margin-top: 3%;}

ul.cont_list li{text-indent: -15px; padding-left: 15px; padding-bottom: 10px;}
.red{color: #e8373d;}




.free_btn a{
width: 50%;
  background:#e8373d;
  color:#fff;
  border:none;
  position:relative;
  transition:800ms ease all;
  font-size: 1.2rem;
  outline:none;
	display: block;
	text-align: center;
	padding: 10px 0;
	margin: 5% 0 1% 0;
}
.free_btn a:hover{
  background:#fff;
  color:#df9f40;
}
.free_btn a:before,.free_btn a:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #df9f40;
  transition:400ms ease all;
}
.free_btn a:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.free_btn a:hover:before,.free_btn a:hover:after{
  width:100%;
  transition:800ms ease all;
}

@media screen and (max-width: 700px) {
.free_btn a{ width: 90%; margin: 5% auto;}
}


.free_btn .nolink{
width: 32%;
	background:#c0c0c0;
  color:#fff;
  border:none;
  position:relative;
  transition:800ms ease all;
  font-size: 1.2rem;
  outline:none;
display:inline-block;
text-align: center;
padding: 10px 0;
margin: 3% 0.5% 0 0;
}
@media screen and (max-width: 700px) {
.free_btn .nolink{ width: 100%; margin: 1.5% 0 0 0;
}
}



.marker_link a{ background: url("../img/news/outlink.png") no-repeat right; padding-right: 17px; color:#6f0b0d;}
.marker_link a:visited {  color:#6f0b0d; }
.marker_link a:hover { color:#6f0b0d; background: url("../img/news/outlink.png") #f9c4c5 no-repeat right; padding-right: 17px;}
.marker_link a:active { color:#6f0b0d; }
.endcolor{color: #bdbdbd;}
.endcolor h4{color: #bdbdbd; border-top: dotted 3px #bdbdbd; border-bottom: dotted 3px #bdbdbd;}


.news-ss-img{margin-top:5%;}
.news-ss-img li{width:49%; padding: 0.5%;}

.ss_list_cm3{text-align: center; line-height:1.3; }
.ss_list_cm3 li.centerimg{padding:0 1%;}
.ss_list_cm3 span{font-size:70%;}

@media screen and (max-width: 700px) {
.ss_list_cm3{font-size:3vw;}
}