@charset "utf-8";

/*
Theme Name: rweb_theme
Theme URI: https://rweb-c.com/
Description: Rweb wordpressブログ記事投稿用テーマ
Author: Rweb Co., Ltd
Version: 1.0
*/

/* Set Base Style
----------------------------------------- */

@import url("css/default.css"); /* initial setting */

@import "css/layout.css";/* layout style */


/* Style for MacIE 5.x 
------------------------------------------*/
/*for MacIE5*/
/*\*//*/
  @import "ie5m.css";
/**/



/* blog base style
------------------------------------------*/
@media screen and (max-width: 640px) {
	.blog {
		margin: 0 2%;
	}
}

.blog .list_blk {
	border-bottom: 1px solid #C9DEAF;
	padding: 20px 0;
}

/* -- left -- */
.blog .list_con .left {
	float: left;
	width: 32%;
}

.blog .list_con .left p img {
	max-width: 100%;
	height: auto;
}


/* -- right -- */

.blog .list_con .right {
	float: right;
	width: 65%;
}

/* 日付・カテゴリ */
.list_con .info_date {
	font-size: .95em;
	font-weight: bold;
}

.list_con .info_date .post-categories {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 10px;
}

.list_con .info_date .post-categories li {
  background: #ffe49c;
  display: inline-block;
}

.list_con .info_date .post-categories li a {
	padding: 5px 8px;
}


/* タイトル */
.blog .tabContent h3 {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfe0de));
    background-image: -moz-linear-gradient(#ffffff, #dfe0de);
    background-image: -webkit-linear-gradient(#ffffff, #dfe0de);
    background-image: linear-gradient(#ffffff, #dfe0de);
    line-height: 45px;
    color: #678c00;
    font-size: 16px;
    font-weight: bold;
    padding: 0 10px;
    border-left: 3px solid #a1b16e;
    margin: 0 0 30px;
}

.blog .list_con .right h1 {
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px 0;
	border: 0;
}

@media screen and (max-width: 640px){
	.blog .tabContent h3 {
		line-height: normal;
		font-size: 1.2em;
		padding: 3%;
		margin: 0 0 5%;
	}
}


/* read more */
.list_con .list_link_blk {
	margin-top: 10px;
}

.list_con .list_link_blk a {
	color: #678c00;
	font-size: 1.1em;
	font-weight: bold;
	position: relative;
}

.list_con .list_link_blk a:after {
	position: absolute;
	content: '';
	top: 0;
    right: -28px;
    width: 22px;
    height: 22px;
    background: url(img/img_right_circle.png) center no-repeat;
    background-size: 22px 22px;
}

@media screen and (max-width: 640px){
	.blog, #side {
		font-size: 13px;
	}
}


/* -- ウィジェット -- */
#side {
	margin: 20px 0;
}

#side div {
	width: 49%;
	margin-top: 20px;
}

#side div:first-of-type {
	float: left;
}

#side div:last-of-type {
	float: right;
}

#side div h3 {
	font-size: 1.2em;
	font-weight: bold;
	border-left: 3px solid #a1b16e;
	padding-left: 10px;
	margin-bottom: 10px;
}

#side div li {
	padding: 8px 0 0;
}

#side div li a {
	position: relative;
	display: block;
	padding-left: 17px;
}

#side div li a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
    background-color: transparent;
    border: solid transparent 5px;
    border-left: solid #A4C978 7px;
}

@media screen and ( max-width: 640px ) {
	#side div {
		width: 100%;
		float: none;
	}
}


/* blog single page
------------------------------------------*/
.blog .tabContent h1 {
	font-size: 1.6em;
	font-weight: bold;
	padding: 10px 0;
	border-bottom: #a1b16e 2px solid;
}

.blog .blog_wrap {
	margin: 20px 0;
}

#main .blog .blog_wrap h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 1.2em 0;
	text-align: left;
	padding: 10px;
}

#main .blog .blog_wrap h2:after {
	border: none;
}

.blog .blog_wrap h3 {
	font-size: 1.2em;
	border-left: 3px solid #a1b16e;
	font-weight: bold;
	padding-left: 10px;
	margin: 1.2em 0;
}

.blog .blog_wrap p {
	margin: 0 0 1em;
}

.blog .blog_wrap ul {
	margin: 1em 20px;
	list-style: disc;
}

.blog .blog_wrap a {
	color: #678c00;
}

.blog .blog_wrap .btn_style a {
	padding: 10px 2em;
    background: #ffe49c;
    border-bottom: #fcb164 3px solid;
    color: #600;
    font-weight: bold;
    display: inline-block;
}


/* page_navi */

.page_navi {
	margin: 30px 0 20px;
	border-top: 1px solid #C9DEAF;
    border-bottom: 1px solid #C9DEAF;
    padding: 15px;
}

.page_navi li {
	width: 40%;
	box-sizing: border-box;
	
}

.page_navi li a {
	color: #678c00;
}

.page_navi .prev {
	float: left;
}

.page_navi .next {
	float: right;
	text-align: right;
}

.page_navi .list {
	width: 20%;
	float: left;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.page_navi {
		padding: 15px 0;
	}
	
	.page_navi li {
		width: 33.5%;
		line-height: 1.2;
	}
	
	.page_navi .list {
		width: 33%;
	}
}


/* pagenation_blog */
.pagenation_blog {
	margin: 20px 0 0;
	clear: both;
	overflow: hidden;
	padding: 0 2px 3px 0;
}

.pagenation_blog li {
	background: #ffe49c;
	box-sizing: border-box;
	box-shadow: #ffb367 2px 3px;
	float:left;
	width: 32%;
	margin-right: 2%;
	text-align: center;
}

.pagenation_blog li:last-of-type {
	margin-right: 0;
}

.pagenation_blog li:hover {
	background: #fdd364;
}

.pagenation_blog li a:hover {
	text-decoration: none;
}

.pagenation_blog li a {
	padding: 8px 10px 5px;
	display: block;
}

.pagenation_blog li.prev a:before {
	content: "◀";
}

.pagenation_blog li.next a:after {
	content: "▶";
}

/*--- お便りページ改修 ---*/
.blog_tayori_box {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #C9DEAF;
	padding: 30px 0;
}

.blog_tayori_box a {
	text-decoration: none!important;
}

.blog_tayori_box h1 {
	font-size: 20px;
	font-weight: 600;
	padding-bottom: 5px;
}

.blog_tayori_box .right {
	width: 65%;
	padding-left: 40px;
}

.blog_tayori_before {
	padding-top: 40px;
	text-align: center;
}

.blog_tayori_before p:first-of-type {
	padding-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
}

.blog_tayori_before a {
	width: 240px;
    position: relative;
    color: #fff!important;
    background: #56A239;
    background: linear-gradient(47deg, rgba(86, 162, 57, 1) 0%, rgba(138, 192, 78, 1) 100%);
    border-radius: 10px;
    padding: 20px 30px;
    display: inline-block;
    text-align: center;
    text-decoration: none!important;
    font-size: 18px;
}

.blog_tayori_before i {
	position: absolute;
	right: 10px;
	bottom: 27px;
}

#main.mail_form h2:after {
    display: none;
}

.mail_form .mailpoet-heading {
	margin-bottom: 10px;
}

.mail_form input {
	padding: 15px!important;
	font-size: 16px;
}

.mailform_tit {
	position: relative;
}

.mailform_tit:after {
    content: '';
    position: absolute;
    bottom: -32px;
    left: 50%;
    z-index: 3;
    -moz-transform: translateX(-18px);
    -ms-transform: translateX(-18px);
    -webkit-transform: translateX(-18px);
    transform: translateX(-18px);
    width: 0px;
    background-color: transparent;
    border: solid transparent 18px;
    border-top: solid #d9e6db 18px;
}

.mail_form h3 {
  padding: 0.1em 0.5em;
  font-size: 20px;
  background: transparent;
  border-left: solid 5px #85a239;
  margin: 40px 0 20px;
  font-weight: 600;
  line-height: 1.4;
}

.mail_form p {
	line-height: 1.8;
	margin-bottom: 20px;
	font-size: 16px;
}

.mail_form ul li {
	list-style: disc;
	font-weight: 600;
	padding-bottom: 10px;
	margin-left: 20px;
}

#sidebar li {
    list-style: none;
    margin-left: 0;
    padding-bottom: 0;
    font-weight: 500;
}

#sidebar p {
    line-height: 1.6;
    margin-bottom: 0;
    font-size: 14px;
}

@media (max-width: 641px) {
	.main div#wrapper #maincontent {
        width: 100%;
        float: none;
        padding: 2% 3%;
        box-sizing: border-box;
    }
	.blog_tayori_box {
		display: block;
	}
	.blog_tayori_box .left {
		text-align: center;
	}
	.blog_tayori_box .left img  {
		width: fit-content;
		height: auto;
		padding-bottom: 25px;
	}
	.blog_tayori_box .right {
		width: 100%;
		padding-left: 0;
	}
	.mail_form {
		padding: 0 3.5%;
	}
}