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

/*--------------------------------------
　BLOG
---------------------------------------*/
.twoColumn {
	width: 1100px;
	margin:  7rem auto 10rem;
}
.twoColumn .main {
	width: 740px;
	float: left;
}
.twoColumn .main .wi1100 {
	width: 100%;
}


/*--------------------------------------
　BLOG LIST
---------------------------------------*/
.blogList {
    padding: 0 0 3rem;
}
.blogList .itemBox {
    width: 100%;
    background: #fff;
	margin: 0;
	padding: 4rem 0 2.5rem;
	border-bottom: solid 2px #be9c0d;
	display: table;
}
.blogList .itemBox:first-child {
	padding: 0 0 2.5rem;
}
.blogList .itemBox .thumb {
    width: 355px;
	display: table-cell;
	vertical-align: top;
	position: relative;
}
.blogList .itemBox .thumb img {
    width: 100%;
    height: 200px;
}
.blogList .itemBox .label {
    z-index: 1;
}
.blogList .itemBox .label a {
    padding: 4px 1rem 5px 2rem;
}
.blogList .itemBox .txtBox {
	display: table-cell;
	vertical-align: top;
	padding: 1rem 1.5rem 1rem 2rem;
}
.blogList .itemBox .txtBox .title {
	margin: 0 0 0.6rem;
}
.blogList .itemBox .txtBox .title a {
	font-size: 2rem;
	letter-spacing: 0.06em;
}
.blogList .itemBox .txtBox p {
	line-height: 1.5;
}
.blogList .itemBox .more {
	width: 190px;
	float: right;
	margin: 2rem 0 0;
}
.blogList .itemBox .more a {
	color: #fff;
	background: #be9c0d url("../images/shared/arr_white_right.png") no-repeat right 2rem center;
	background-size: 5px auto;
	text-align: center;
	padding: 5px 20px;
	font-weight: 500;
}


.pager {
	margin: 3rem auto;
    display: table;
}
.wp-pagenavi a, .wp-pagenavi span {
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	font-size: 15px;
	margin: 0 5px 0;
	padding: 0;
	text-align: center;
	display: inline-block;
    box-sizing: border-box;
	background: #333;
}
.pager .current {
	color: #fff;
	background: #c3c3c3;
}


/*--------------------------------------
　SIDE
---------------------------------------*/
.twoColumn .side {
	width: 310px;
	float: right;
}
.twoColumn .side .box {
	margin: 0 0 4rem;
}
.twoColumn .side .box:last-child {
	margin: 0;
}
.twoColumn .side .box .tit {
	background: #000;
	color: #fff;
	font-size: 2.6rem;
	letter-spacing: 0.06em;
	font-weight: 500;
	text-align: center;
	padding: 3px;
}
.twoColumn .side .box .txtBody {
	padding: 2rem;
	background: #f0f2f3;
}
.twoColumn .side .box:nth-child(2n) .txtBody {
	background: #f6f4f2;
}
.twoColumn .side .box .itemBox {
    background: #fff url(../images/shared/arr_tri_yl.png) no-repeat bottom 5px right 5px;
    background-size: 15px auto;
	margin: 0 0 2rem;
}
.twoColumn .side .box .itemBox:last-child {
	margin: 0;
}
.twoColumn .side .box .cateList li {
	border-bottom: solid 1px #d3d3d3;
}
.twoColumn .side .box .cateList li a {
	background: url("../images/shared/arr_tri_right_yl.png") no-repeat right 1.5rem center;
	background-size: 6px auto;
	display: block;
	padding: 6px 2rem;
}
.twoColumn .side .box .cateList li:first-child a {
	padding: 0 2rem 6px;
}
.twoColumn .side .box .searchform input[type="text"]{
	border: solid 1px #d5d5d5;
	border-radius: 0;
	background: #fff url("../images/shared/icon_search.png") no-repeat left 6px center;
	background-size: 22px auto;
	padding: 7px 15px 7px 35px;
	box-sizing: border-box;
	width: 210px;
	-webkit-appearance: none;
}
.twoColumn .side .box .searchform input[type="submit"]{
	border: none;
	border-radius: 0;
	background: #000;
	padding: 7px;
	color: #fff;
	text-align: center;
	width: 56px;
	-webkit-appearance: none;
}


/*--------------------------------------
　BLOG DETAIL
---------------------------------------*/
.blog_detail {
	padding: 0 0 4rem;
	margin: 0 0 6rem;
	border-bottom: solid 1px #d5d5d5;
}
.blog_detail p {
	margin: 2rem 0;
}
.blog_detail .topBox {
    margin: 0 0 3rem;
}
.blog_detail .label {
    float: left;
}
.blog_detail .date {
	float: right;
	font-size: 1.2rem;
	font-weight: 500;
	margin: 3px 0 0;
}
.blog_detail .kv {
	margin: 0 0 2.5rem;
}
.blog_detail .kv img {
	width: 100%;
	height: 416px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
#toc_container {
	background: #f6f4f2;
	padding: 4rem;
	border: solid 1px #be9c0d;
	margin: 4rem 0 6rem;
}
#toc_container .toc_title {
	color: #be9c0d;
	font-size: 2rem;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.06em;
	margin: 0 0 2rem;
}
#toc_container li {
	border-bottom: dotted 1px #be9c0d;
}
#toc_container li a {
	padding: 1rem 0;
	display: block;
}
#toc_container li:first-child a {
	padding: 0 0 1rem;
}
.blog_detail h2 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 3.2rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 1.5;
    color: #000;
	padding: 0 0 2rem;
    margin: 6rem 0 3rem;
	text-align: center;
	position: relative;
}
.blog_detail h2:before {
    content: "";
    background: #be9c0d;
    width: 100px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 50px);
}
.blog_detail h3,
.writtenBy .name {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.5;
    color: #be9c0d;
	padding: 0 0 1rem;
    margin: 3rem 0 2rem;
	border-bottom: solid 2px #be9c0d;
}
.writtenBy .name {
    margin: 0 0 2rem;
	border-bottom: solid 1px #be9c0d;
}
.blog_detail h4 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.5;
    color: #333;
	padding: 0 0 0 1.5rem;
    margin: 3rem 0 2rem;
	border-left: solid 4px #be9c0d;
}

.writtenBy {
    background: #f6f4f2;
	padding: 4rem;
	margin: 0;
}
.writtenBy .lower_secTitBox {
    margin: 0 0 4rem;
}
.writtenBy .pic {
	width: 200px;
	margin: 0 3rem 0 0;
}
.writtenBy .pic img {
	width: 100%;
	height: 246px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.writtenBy .txtBox {
	width: 430px;
}

.blog_related .itemBoxWrap {
    margin: 0;
}
.blog_related .itemBox {
    width: 244px;
	background: #f6f4f2 url(../images/shared/arr_tri_yl.png) no-repeat bottom 5px right 5px;
    background-size: 15px auto;
}
.blog_related .itemBox:nth-child(3n) {
    margin: 0 0 4px;
}
.blog_related .itemBox .label {
    width: 220px;
}



/*--------------------------------------
　FAQ
---------------------------------------*/
.twoColumn .faq {
    padding: 8rem 4rem;
}
.twoColumn .faq .faqArea {
    margin: 0 0 4rem;
}
.twoColumn .faq .faqArea dl dd {
    padding: 3rem 4rem;
}


/*--------------------------------------
　VOICE
---------------------------------------*/
.twoColumn .voice .voiceBoxWrap {
    margin: 0 0 2rem;
}
.twoColumn .voice .voiceBox {
	width: 350px;
	margin: 0 4rem 2rem 0;
}
.twoColumn .voice .voiceBox:nth-child(2n) {
	margin: 0 0 2rem 0;
}
.twoColumn .voice .voiceBox .txtBox {
    padding: 2.5rem 5rem 2.5rem 2rem;
    background: url(../images/shared/icon_plus.png) no-repeat right 1.5rem center;
    background-size: 20px auto;
}
.twoColumn .voice .voiceBox .profile {
    font-size: 1.5rem;
}



@media screen and (max-width: 599px) {

	
.twoColumn {
	width: 100%;
	margin:  3rem auto 6rem;
}
.twoColumn .main {
	width: 100%;
	float: none;
}
.twoColumn .main .wi1100 {
	width: 100%;
}


/*--------------------------------------
　BLOG LIST
---------------------------------------*/
.blogList {
    padding: 2rem 4% 3rem;
}
.blogList .itemBox {
	padding: 3.5rem 0 2rem;
	border-bottom: solid 2px #be9c0d;
	display: block;
}
.blogList .itemBox:first-child {
	padding: 0 0 2rem;
}
.blogList .itemBox .thumb {
    width: 100%;
	display: block;
	position: relative;
}
.blogList .itemBox .thumb img {
    width: 100%;
    height: 29vh;
}
.blogList .itemBox .label a {
    padding: 4px 1rem 5px 2rem;
}
.blogList .itemBox .txtBox {
	width: 100%;
	display: block;
	padding: 1.5rem 0 0;
}
.blogList .itemBox .txtBox .date {
    font-size: 1.1rem;
    margin: 0 0 5px;
}
.blogList .itemBox .txtBox .title {
	margin: 0 0 0.8rem;
}
.blogList .itemBox .txtBox .title a {
	font-size: 1.6rem;
}
.blogList .itemBox .more {
	width: 180px;
	float: none;
	margin: 1.5rem auto 0;
}
.blogList .itemBox .more a {
	background: #be9c0d url("../images/shared/arr_white_right.png") no-repeat right 2rem center;
	background-size: 5px auto;
	padding: 5px 18px;
}
	
	
.pager {
	margin: 3rem auto;
    display: table;
}


/*--------------------------------------
　SIDE
---------------------------------------*/
.twoColumn .side {
	width: 100%;
	float: none;
	padding: 0 4%;
}
.twoColumn .side .box {
	margin: 0 0 2rem;
}
.twoColumn .side .box .tit {
	font-size: 2rem;
	padding: 3px;
}
.twoColumn .side .box .txtBody {
	padding: 1.5rem;
}
.twoColumn .side .box .itemBox {
    background: #fff url(../images/shared/arr_tri_yl.png) no-repeat bottom 2px right 2px;
    background-size: 12px auto;
	margin: 0 0 1.5rem;
}
.twoColumn .side .box .cateList li a {
	background: url("../images/shared/arr_tri_right_yl.png") no-repeat right 1rem center;
	background-size: 6px auto;
	display: block;
	padding: 6px 3rem 6px 1rem;
}
.twoColumn .side .box .cateList li:first-child a {
	padding: 0 3rem 6px 1rem;
}
.twoColumn .side .box .searchform input[type="text"]{
	border: solid 1px #d5d5d5;
	border-radius: 0;
	background: #fff url("../images/shared/icon_search.png") no-repeat left 6px center;
	background-size: 22px auto;
	padding: 7px 15px 7px 35px;
	box-sizing: border-box;
	width: 210px;
	-webkit-appearance: none;
}
.twoColumn .side .box .searchform input[type="submit"]{
	border: none;
	border-radius: 0;
	background: #000;
	padding: 7px;
	color: #fff;
	text-align: center;
	width: 56px;
	-webkit-appearance: none;
}
	
	
/*--------------------------------------
　BLOG DETAIL
---------------------------------------*/
.blog_detail {
	padding: 0 4% 3rem;
	margin: 0 0 4rem;
	border-bottom: solid 1px #d5d5d5;
}
.blog_detail p {
	margin: 1.5rem 0;
}
.blog_detail .topBox {
    margin: 0 0 1.5rem;
}
.blog_detail .label {
    float: none;
}
.blog_detail .date {
	margin: 8px 0 0;
}
.blog_detail .kv {
	margin: 0 0 2rem;
}
.blog_detail .kv img {
	width: 100%;
	height: 29vh;
}
#toc_container {
	padding: 1.5rem 2rem 2rem;
	margin: 2rem 0 3rem;
}
#toc_container .toc_title {
	font-size: 1.6rem;
	margin: 0 0 1.5rem;
}
#toc_container li a {
	padding: 0.8rem 0;
}
#toc_container li:first-child a {
	padding: 0 0 0.8rem;
}
.blog_detail h2 {
    font-size: 2rem;
	padding: 0 0 1.5rem;
    margin: 4rem 0 2rem;
}
.blog_detail h2:before {
    width: 60px;
    height: 2px;
    left: calc(50% - 30px);
}
.blog_detail h3,
.writtenBy .name {
    font-size: 1.8rem;
	padding: 0 0 0.6rem;
    margin: 3rem 0 1.5rem;
}
.writtenBy .name {
    margin: 0 0 1.5rem;
}
.blog_detail h4 {
    font-size: 1.6rem;
	padding: 0 0 0 1rem;
    margin: 3rem 0 1.2rem;
	border-left: solid 4px #be9c0d;
}

.writtenBy {
	padding: 2rem;
	width: 92%;
	margin: 0 auto;
}
.writtenBy .lower_secTitBox {
    margin: 0 0 2rem;
}
.writtenBy .twoColBox {
    display: block;
}
.writtenBy .pic {
	width: 200px;
	margin: 0 auto 2rem;
}
.writtenBy .pic img {
	width: 100%;
	height: 246px;
}
.writtenBy .txtBox {
	width: 100%;
}

.blog_related .itemBoxWrap {
    margin: 0;
}
.blog_related .itemBox {
    width: 100%;
	background: #f6f4f2 url(../images/shared/arr_tri_yl.png) no-repeat bottom 2px right 2px;
    background-size: 12px auto;
}
.blog_related .itemBox:nth-child(3n) {
    margin: 0 0 15px;
}
.blog_related .itemBox .label {
	width: 90%;
}	
	
	


/*--------------------------------------
　FAQ
---------------------------------------*/
.twoColumn .faq {
    padding: 4rem 4%;
}
.twoColumn .faq .faqArea {
    margin: 0 0 3rem;
}
.twoColumn .faq .faqArea dl dd {
    padding: 2rem;
}


/*--------------------------------------
　VOICE
---------------------------------------*/
.twoColumn .voice .voiceBoxWrap {
    margin: 0 0 1.5rem;
}
.twoColumn .voice .voiceBox {
	width: 100%;
	margin: 0 0 1.5rem;
}
.twoColumn .voice .voiceBox:nth-child(2n) {
	margin: 0 0 1.5rem;
}
.twoColumn .voice .voiceBox .txtBox {
    padding: 2rem 6rem 2rem 2rem;
    background: url(../images/shared/icon_plus.png) no-repeat right 1.5rem center;
    background-size: 20px auto;
}
.twoColumn .voice .voiceBox .profile {
	font-size: 1.3rem;
}	

	
}