@charset "utf-8";

/* side
++++++++++++++++++++++++++++++*/
.side-box{
	position:relative;
	margin:0 auto 10px auto;
	text-align:left;
}
.side-box h2{
	background:rgba(160,194,94,1);
	position:relative;
	margin:0 0 5px 0;
	padding:0;
	font-size:14px; line-height:160%; font-weight:bold;
	text-align:center;
	color:#FFF;
}
.side-box h3{
	margin:10px 0 0 0;
	padding:0;
	font-size:13px;
}
.side-box h3:before{content:"《 ";}
.side-box h3:after{content:" 》";}
.side-box p{
	margin:0 0 10px 0;
	font-size:13px; line-height:160%;
}

.side-contents-slider{
	margin:15px auto;
}
.side-contents-slider .side-box-inner{
	margin:0 auto;
	border:1px solid #A0C25E;
	overflow:hidden;
	border-radius:5px;
}
.side-contents-slider .side-box h2{
	background:rgba(160,194,94,1);
	margin-bottom:10px;
  font-size:14px; line-height:160%;
	text-align:center; color:#FFF;
}

ul.side-list{
	width:100%;
	margin:0 auto 30px auto;
}
ul.side-list li{
	font-size:13px; line-height:160%;
	list-style:disc outside;
	margin:0 0 5px 20px;
}
.side-contents-slider ul.side-latest-list,
.side-contents-slider ul.wpp-list{
	width:90%;
	margin:0 auto;
}
.side-contents-slider ul.side-latest-list li,
.side-contents-slider ul.wpp-list li{
	list-style:none;
	margin:0 0 10px 0;
  padding-bottom:10px;
  border-bottom:1px dashed #CCC;
}
ul.side-latest-list li:last-child,
ul.wpp-list li:last-child{
  margin-bottom:0px;
  border-bottom:none;
}
ul.side-latest-list li .thumbnail,
ul.wpp-list li .thumbnail{
  width:25%;
  float:left;
  position:relative;
}
ul.side-latest-list li .thumbnail img,
ul.wpp-list li .thumbnail img{
	width:100% !important; height:auto !important;
}
ul.wpp-list li .thumbnail::before{
  width:24px; height:24px;
  border-radius:100%;
  background:#e7bd2c;
  position:absolute;
  top:-5px; left:-5px;
  color:#FFF;
  font-size:14px; line-height:24px; font-weight:600;
  text-align:center;
}
ul.wpp-list li:nth-child(1) .thumbnail::before{content:"1";}
ul.wpp-list li:nth-child(2) .thumbnail::before{content:"2";}
ul.wpp-list li:nth-child(3) .thumbnail::before{content:"3";}
ul.wpp-list li:nth-child(4) .thumbnail::before{content:"4";}
ul.wpp-list li:nth-child(5) .thumbnail::before{content:"5";}
ul.side-latest-list li .text-box,
ul.wpp-list li .text-box{
  width:72%;
  float:right;
}
.side-contents-slider ul.side-latest-list li a,
.side-contents-slider ul.wpp-list li a{color:#666;}
.side-contents-slider ul.side-latest-list li a:hover,
.side-contents-slider ul.wpp-list li a:hover{text-decoration:none;}
ul.side-latest-list li h3,
ul.wpp-list li h3{
  font-size:13px; line-height:140%;
	color:#006DD9;
  margin:0px !important;
}
ul.side-latest-list li h3::before,
ul.side-latest-list li h3::after,
ul.wpp-list li h3::before,
ul.wpp-list li h3::after{content:""; display:none;}
ul.side-latest-list li h3:hover,
ul.wpp-list li h3:hover{
  text-decoration:underline;
}
ul.side-latest-list li p,
ul.wpp-list li p{
  font-size:11px; line-height:140%;
	margin:0 !important;
}
ul.side-latest-list li p.entry-date,
ul.wpp-list li p.entry-date{letter-spacing:1px;}
ul.side-latest-list li span.blog-name,
ul.wpp-list li span.blog-name{
  display:block;
  letter-spacing:0px;
}

ul.banner-list{
	font-size:0; line-height:0;
	margin:30px auto;
}
ul.banner-list li{
	width:49%;
	margin:0 2% 5px 0;
	display:inline-block; vertical-align:top;
}
ul.banner-list li:nth-child(even){margin-right:0;}

.side-box .side-category-wrapper{
	position:relative;
	display:block;
	background:#F9F9F9;
}
.side-box .side-category-wrapper::after{
	content:"▼";
	position:absolute;
	top:50%; right:10px; z-index:1;
	font-size:12px; line-height:12px; color:#006DD9;
	transform:translateY(-50%) scale(1,0.6);
}
.side-box select{
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
  border-radius:0;
  margin:0; padding:0;
	display:block;
  vertical-align: middle;
  font-size:13px; line-height:27px;
	color:#666; text-indent:0.5em;
  box-sizing:content-box;
	border:1px solid #CCC;
	width:calc(100% - 2px);
	position:relative;
	z-index:2;
	background:transparent;
}

.side-search-box{
	margin:0;
}
.side-search-box input.input-text{
	width:80%;
	height:25px;
	border:1px solid #CCC;
	background:#F9F9F9;
}
.side-search-box input.submit-button{
	width:18%;
	font-size:11px;
	line-height:27px;
	color:#FFF;
	letter-spacing:1px;
	background:#787878;
	border:none;
	border-radius:5px;
	cursor:pointer;
	float:right;
}
.side-search-box input.submit-button:hover{
	color:#FFFF00;
	background:#333;
}

.ss-banner-box{
	width:auto;
	max-width:280px;
	margin:30px auto 15px auto;
}
ul.ss-banner-list{
	margin:0 auto 30px auto;
}
ul.ss-banner-list li{
	margin:0 auto 10px auto;
}
.ss-banner-box .twitter-box,
.ss-banner-box .facebook-box{
	margin:0 auto 15px auto;
}
.ss-banner-box .twitter-box{
	border:1px solid #64ABE7;
	border-radius:5px;
}
.ss-banner-box .twitter-box h3{
	background:#64ABE7;
	text-align:center;
	color:#FFF;
	font-size:15px; line-height:30px;
	border-radius:5px 5px 0 0;
}
.ss-banner-box .facebook-box h3{
	background:#3F5392;
	text-align:center;
	color:#FFF;
	font-size:15px; line-height:30px;
	border-radius:5px 5px 0 0;
}
.ss-banner-box .instagram-button a{
	background:#61473F;
	text-align:center;
	color:#FFF;
	font-size:15px; line-height:36px;
	border-radius:5px;
	display:block;
}