@charset "utf-8";

/*****************************************************************

	下階層ページ用CSS

*****************************************************************/

/*============================================================
	topicPath
============================================================*/
dl#path ol{
	line-height:  1.3;
	list-style: none;
	font-size: 75%;
	overflow: hidden;
	min-height: 1em;
	height: 1%;
}

html>body dl#path ol{
	height: auto;
}

dl#path ol:after{
	display: block;
	content: "";
	clear: both;

}

dl#path ol li{
	margin-left: -17px;
	padding: 0 18px;
	background: url(../images/path.png) no-repeat 5px 50%;
	float: left;
}

dl#path a{
	color: #666;
}

dl#path a:hover{
	color: #666;
}

dl#path em{
	font-weight: bold;
	color: #000;
}

/*============================================================
	Common
============================================================*/


#main .change{
	text-align: center;
}

.btn{
	border: 0;
	display: inline-block; *display: inline; zoom: 1;
	text-decoration: none;
	letter-spacing: 0;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

/* スクロールエフェクト */
.scr_fadein{
	opacity : 0;
	transform: translateY(40px);
	transition: opacity .8s ease, transform .8s ease;
}
.scr_fadein.iv_on{
	opacity : 1;
	transform: none;
}

/*============================================================
	Flick Page
============================================================*/
/* ==== イメージ用 ==== */
.fl_image{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
}

.fl_image .mask{
	width: 100%;
	position: relative;
	overflow: hidden;
}

.fl_image ul{
	margin: 0;
}

.fl_image li{
	width: 100%;
	float: left;
	text-align: center;
}

.fl_image img{
	width: 100%;
}

.fl_image ul:after{ display: block; clear: both; content: "";}

.fl_image .page{
	text-align: center;
	margin: 0;
	padding-top: 3px;
	font-size: 68%;
}

.fl_image .prev,
.fl_image .next{
	position: absolute;
	top: 50%;
	width: 20px; height: 40px;
	z-index: 5;
	margin: -20px 0 0 0;
}


.fl_image .prev{
	left: 5px;
	background: url(../images/bg_a_left.png) no-repeat 0 0;
}

.fl_image .next{
	right: 5px;
	background: url(../images/bg_a_right.png) no-repeat 0 0;
}

.fl_image span{
	color: #fff;
	text-shadow: #999 0 0 4px;
	margin: 0 0.25em;
}

.fl_image .on{
	color: #3565ca;
}

/* ==== 個別イメージ用 ==== */
#main .scr_item{
	position: relative;
	margin: 0;
	width: 100%;
	overflow: hidden;
}

#main .scr_item .mark_p{
	background: url(../images/bg_a_left.png) no-repeat 0 0;
	position: absolute;
	display: block;
	width: 30px;
	height: 40px;
	top: 50%;
	left: 0;
	margin-top: -20px;
}
#main .scr_item .mark_n{
	background: url(../images/bg_a_right.png) no-repeat 0 0;
	position: absolute;
	display: block;
	width: 30px;
	height: 40px;
	top: 50%;
	right: 0;
	margin-top: -20px;
}

#main .scr_item ul{
	margin: 0;
	min-width: 100%;
	overflow: hidden;
}

#main .scr_item ul:after{ display: block; clear: both; content: "";}

#main .scr_item .mask{
	width: 100%;
	position: relative;
	overflow: hidden;
}

#main .scr_item li{
	float: left;
	position: relative;
	width: 50%;
	margin: 0 0 10px 0;
	padding: 5px 0;

  word-break:break-all;
  word-wrap:break-word;
  overflow:hidden;
	text-align: center;
}

#main .scr_item li img{
	width: 100%;
}

/*============================================================
	PC 横スクロール Page
============================================================*/
.image_scroll{
	width: 300px;
	overflow: hidden;
	position: relative;
}

.image_scroll ul{
	width: 100%;
	height: auto;
	position: relative;
	overflow: visible;
}

.image_scroll li img{
	width: 100%;
}

.image_scroll .mask{
	width: 100%;
	min-height: 300px;
	overflow: hidden;
	position: relative;
}

.image_scroll li{
	width: 100px;
	float: left;
}
.image_scroll .next,
.image_scroll .prev{
	display: block;
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -80px;
	background: url(../images/bg_arrow_scroll.png) no-repeat  #ddd;
	background-position: 0 0;
	width: 41px; height: 42px;
	z-index: 10;
}
.image_scroll .next{
	left: auto;
	right: 5px;
	background-position: 100% 0;
}



/*============================================================
	map Page
============================================================*/
.g_map{
	width:  400px;
	height:  250px;
}

/*============================================================
	youtube
============================================================*/

.video_area{
	position:relative;
	padding-bottom: 56.25%;
	height:0;
	overflow:hidden;
	margin-bottom: 1em;
}
.video_area iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#main .wp-caption-text{
	margin: 1em 0;
	font-size: 75%;
	color: #000000;
	text-align: center;
	letter-spacing: 0.01em;
	line-height: 1.5 !important;
}

.wp-caption{
	width: auto !important;
	max-width: 100% ;
	height: auto;
	text-align: center;
    margin-bottom: 20px;
}

.aligncenter{ text-align: center;}
img.aligncenter{ margin: auto; display: block; }

#main .box{
	max-width: 75%;
	border: 4px solid #eee;
	padding: 20px;
	margin: 2em auto 2em auto;
}



/*============================================================
	NEWS Page
============================================================*/
.path{
	padding-top: 40px;
	font-size: 75%;
}
.sec_page{
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #ccc;
}

.sec_archive{
	padding-top: 4em;
	margin-bottom: 2em;
}
#main .page_area{
	padding: 20px;
	background: #fff;
}
#main .page_area h2{
	font-size: 125.0%;
}
#main .page_area h3{
	font-size: 100%;
}
#main .news_article .entry_head{
	padding-left: 35px;
	padding-right: 35px;
}
#main .news_article .entry_head h1{
	font-size: 26px;
	line-height: 1.3;
	color: #000;
	margin: 20px 0 15px;
	text-align: justify;
}
#main .news_article .upper_ad{	/* 広告 */
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid #eee;
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-around;
}
#main .news_article .upper_ad::after{
	display: none;
}

#main .news_article .srl{
	margin-bottom: -5px;
}

#main .entry_head img{
	width: 100%;
	margin: 25px 0 20px;
	display: block;
}
#main .entry_head .excerpt{
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 0.9em;
}
#main .entry_head .excerpt p{
	margin-bottom: 1em;
}

#main .btn_share{
	margin: 1em auto;
	max-width: 600px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#main .btn_share li{
	width: 44px;
	margin-right: 1em;
}
#main .btn_share li:last-child {
	margin-right: 0;
}

#main .sns_btns{
	display: inline-block;
	vertical-align: middle;
}
#main .sns_btns a{
	margin-right: 15px;
	font-size:36px;
}
#main .sns_btns a:hover{
	opacity: 0.8;
}
#main .sns_btns > a:last-child{
	margin-right: 0;
}
.sns_btns .fa-twitter-square{ color: #5ab2f0; }
.sns_btns .fa-facebook{ color: #3c5d98; }
.sns_btns .fa-line{ color: #32c128; }

#main .sns_btns span{
	display: none;
}

#main .btn_share .simplefavorite-button {
	font-size: 16px;
	background: none;
	margin-left: 30px;
	padding: 4px 10px;
	border: 1px solid #e36167;
	border-radius: 5px;
	cursor: pointer;
	transition: all .5s;
}
#main .btn_share .simplefavorite-button:hover {
	opacity: .7;
}
#main .btn_share .simplefavorite-button i {
	font-size: 24px;
	vertical-align: middle;
	color: #e36167;
	margin-right: 7px;
}

body:not(.manga) #main .entry:not(.freetxt_top):not(.freetxt_bottom){
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 2em;
	padding-top: 2em;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
#main .entry img:not([src*="valuecommerce"]):not(.no_resize){
	width: 100%;
}
#main .entry img.no_resize{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#main .entry img.no_center{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#main .entry p{
	line-height: 1.9;
}
#main .entry ul,
#main .entry ol{
	margin-top: 1em;
	margin-bottom: 2.5em;
}
#main .entry ul li{
	padding-left: 30px;
	margin-bottom: 10px;
	line-height: 1.5;
	position: relative;
}
#main .entry ul li::before{
	content: "";
	display: block;
	height: 5px;
	width: 5px;
	border-radius: 50%;
	background-color: #379b06;
	position: absolute;
	top: 10px;
	left: 14px;
}
#main .entry ol li{
	margin-left: 30px;
	margin-bottom: 10px;
	line-height: 1.5;
	position: relative;
}
#main .entry ul > *:last-child,
#main .entry ol > *:last-child{
	margin-bottom: 0;
}


/* 目次 */
#main .entry #toc_container{
	display: table;
	width: 100%;
	/* max-width: 540px; */
	margin-bottom: 2em;
	border: 1px solid #ddd;
	padding: 15px;
	background-color: #f7f7f7;
}
#main .entry #toc_container *{
	font-size: 14px;
}
#main .entry #toc_container .toc_title{
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}

#main .entry #toc_container ul{
	margin-bottom: 0;
}
#main .entry #toc_container ul li{
	padding-left: 15px;
	margin-bottom: 1em;
	color: #379b06;
	transition: 0.5s;
	position: relative;
}
#main .entry #toc_container ul li::before{
	content: "";
	display: block;
	height: 2px;
	width: 4px;
	background-color: #379b06;
	position: absolute;
	top: 10px;
	left: 1px;
	transition: 0.5s;
	border-radius: 0;
}
#main .entry #toc_container ul li:hover{
	color: #000;
}
#main .entry #toc_container ul li:hover::before{
	background-color: #000;
}
#main .entry #toc_container a{
	line-height: 1.5;
}
#main .entry #toc_container li a *{
	font-size: inherit !important;
	color: #379b06 !important;
	color: inherit !important;
	font-weight: normal !important;
	background: none !important;
}


/* 文中関連記事 */
.rel_entry_block{
	margin: 40px auto;
	padding: 22px 0;
	border: 1px solid #ddd;
	border-width: 1px 0;
}
.rel_entry_block > *:last-child{
	margin-bottom: 10px !important;
}
.rel_entry_block p{
	display: none;
}
.rel_entry_block .rel_entry_block_title{
	font-weight: bold;
	text-align: center;
	margin-bottom: 22px;
}
.rel_entry{
	margin-bottom: 25px;
}
.rel_entry a{
	display: flex;
	justify-content: space-between;
	text-decoration: none;
	color: #333;
}
.rel_entry a .img{
	width: 19.5%;
}
.rel_entry a .text{
	width: 76%;
}
.rel_entry a .text .title{
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 1.6em;
	text-decoration:underline;
}
.rel_entry a .text .excerpt{
	font-size: 13px;
	line-height: 1.85;
	text-align: justify;
	color: #666;
}


#main .page_head,
#main .main_head a,
#main .main_head,
#main .news_article h2{
	color: #379b06;
	border-left: 8px solid #8ec43e;
	padding-left: 12px;
	font-size: 125%;
	text-decoration: none;
}
#main .page_head{ font-size: 150%; margin-bottom: 1em; }

#main .news_article h2{
	color: #379b06;
	border-left: 0 none;
	padding-left: 0;
	font-size: 24px;
}
body.manga #main .news_article .entry h2{
	text-align: center;
}


#main .news_article h3{
	border-bottom: 2px solid #8ec43e;
	padding-bottom: 5px;
	font-size: 100%;
}

#main .news_article p+h2,
#main .news_article p+h3{
	margin-top: 3em;
}

#main .news_article strong,
#main .news_article b{ color: #000;}

#main .news_article strong.st2{
	color: #000;
	background: linear-gradient(transparent 60%, #ffff99 60%);
}


#main blockquote{
	background: #f2f2f2;
	padding: 20px;
	margin-bottom: 2em;
	line-height: 1.5;
	font-size: 14px;
}
#main blockquote p{
	line-height: 1.5 !important;
	font-size: 14px;
	margin-bottom: 1.2em;
}

#main blockquote:before,
#main blockquote:after{
	color: #f2f2f2;
	font-size: 200%;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: block;
}

#main .writer_area{
	border: 1px solid #8ec43e;
	padding: 20px;
	margin-top: 3em;
	text-align: left;
}


#main .news_article .main_head,
#main .main_head{
	padding: 0;
	border: 0;
}

#main .profile_pic{
	width: 128px;
	margin: 0;
	float: left;
}
#main .profile_pic img{
	width: 128px;
	height: 128px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
	overflow: hidden;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
#main .profile{
	margin-left: 140px;
}
#main .profile p{
	color: #666;
	text-align: left;
}
#main .profile .main_head{
	margin-bottom: 0.5em;
}
#main .profile .main_head a {
	border-left: none;
	padding-left: 0;
	font-size: 100%;
	text-decoration: underline;
}
#main .profile .main_head a:hover {
	color: #000;
}

#main .news_article aside.group{
	display: flex;
	justify-content: space-around;
}
#main .news_article aside.group::after{
	display: none;
}
#main .news_article aside.group > div{
/* 	width: auto; */
}
#main .news_article aside.group > div > div{
	display: block;
}

/*============================================================
	LIST Page
============================================================*/
body.archive #main{
	word-break: break-word;
	/*font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","meiryo",sans-serif;*/
}

#main .archive_head{
	font-size: 36px;
	color: #379b06;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 0;
}
#main .archive_head.lined{
	padding: 22px 0 16px;
	border: solid #8CC341;
	border-width: 1px 0;
	margin-bottom: 35px;
}
#main .archive_head span{
	font-size: 18px;
	margin-left: 4px;
	color: #333;
}
#main .archive_head .tax_icon{
	margin-right: 7px;
	transform: scale(0.5);
	transform-origin: right 42%;
}

.freetxt_top.news_article > *,
.freetxt_bottom.news_article > *{
	margin-left: 0;
	margin-right: 0;
}

#main .freetxt_top,
#main .freetxt_bottom{
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 20px;
	position: relative;
}
#main .freetxt_top{
	margin-top: 40px;
}
#main .freetxt_bottom{
	margin-top: 40px;
}
#main .freetxt_top img,
#main .freetxt_bottom img{
	display: block;
	margin: auto;
}
#main .freetxt_top + *{
	font-weight: bold;
}
#main .freetxt_top .bg_white,
#main .freetxt_bottom .bg_white{
	background-color: #fff;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.15);
	padding: 30px 35px;
	border-radius: 2px;
}

#main .news_archive {
	margin-top: 20px;
}
#main .news_archive li{
	border-bottom: thin solid rgba(255,255,255,0.5);
}
#main .news_archive li:first-of-type a{
	border-radius: 2px 2px 0 0;
}
#main .news_archive li:last-of-type a{
	border-radius: 0 0 2px 2px;
}
#main .news_archive li:first-child a {
	border-top: 1px solid #e0e0e0;
}
#main .news_archive a{
	display: block;
	padding: 18px 22px;
	overflow: hidden;
	text-decoration: none;
	background: #fff;
	position: relative;
	color: #000 !important;
/*
	border: solid #e3e3e3;
	border-width: 0 1px 1px;
*/
	border-bottom: 1px solid #e0e0e0;
}
#main .news_archive a:hover > *{
	opacity: 0.7;
}
#main .news_archive img{
	width: 120px;
	float: left;
}
#main .news_archive .title{
	margin-bottom: -2px;
	letter-spacing: 0;
}

#main .archive_text{
	position: relative;
	margin-left: 146px;
}
#main .news_archive .date{
	top: 1px;
	right: 0;
}
#main .news_archive .cate{
	margin-bottom: 15px;
	margin-right: 4px;
}
#main .news_archive .tag{
	position: absolute;
	bottom: 0;
	line-height: 1.4;
}


#main .pagenation ul{
	text-align: center !important;
	font-size: 100%;
}
#main .pagenation li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px;
	width: 40px;
	height: 40px;
}
#main .pagenation li *{
	text-decoration: none;
	display: block;
	color: #379b06;
	text-align: center;
}
#main .pagenation .next,
#main .pagenation .prev{
	font-size: 40px;
}
#main .pagenation .num *{
	display: inline-block;
	background: #fff;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
}
#main .pagenation .num *:hover,
#main .pagenation .num.active *{
	background: #8ec43e;
	color: #fff !important;
}


#main .single_pageing{
	text-align: center !important;
	margin: 30px 0;
}
#main .single_pageing .single_next_page_btn{
	margin: 30px auto 30px;
	width: 168px;
}
#main .single_pageing .single_next_page_btn a{
	display: block;
	line-height: 40px;
	width: 100%;
	text-align: center;
	letter-spacing: 0.05em;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: no-repeat center center/contain;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22167.999%22%20height%3D%2240%22%20viewBox%3D%220%200%20167.999%2040%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207%22%20transform%3D%22translate(-466%20-5478)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4%22%20data-name%3D%22%E3%83%91%E3%82%B9%204%22%20d%3D%22M-2474.65%2C5147l20%2C18.75-20%2C21.25h-130v-40Z%22%20transform%3D%22translate(3070.65%20330.999)%22%20fill%3D%22%23349a12%22%2F%3E%20%3Cpath%20id%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D_2%22%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%202%22%20d%3D%22M3324%2C759h0l-9%2C0%2C20-21.25L3315%2C719h9l20%2C18.75Z%22%20transform%3D%22translate(-2710%204759)%22%20fill%3D%22%23349a12%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
	padding-right: 20px;
	margin-left: 3px;
}
#main .single_pageing .single_next_page_btn a:hover{
	opacity: 0.8;
}
#main .single_pageing > *:not(.single_next_page_btn){
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 7px;
}
#main .single_pageing > a{
	text-decoration: none;
}
#main .single_pageing > a span,
#main .single_pageing > span{
	color: #379b06;
	background: #fff;
	width: 36px;
	height: 36px;
	line-height: calc(36px - 2px);
	border-radius: 50%;
	border: 1px solid #ddd;
}
#main .single_pageing > a span{
	display: block;
}

#main .single_pageing i{
	font-size: 40px;
}
#main .single_pageing > span,
#main .single_pageing > a span:hover{
	background: #8ec43e;
	color: #fff !important;
	border: 1px solid #8ec43e;
}
#main .srl_stry_top{
	padding-top: 1px;
}
#main .srl_stry_top a{
	text-align: center;
	font-size: 14px;
	display: block;
	margin: 40px auto 20px !important;
	color: #333;
	letter-spacing: 0;
	transition: none;
}
#main .srl_stry_top a:hover{
	opacity: 0.8;
}
#main .srl_stry_top a::after{
	content: '他の記事も読む';
}

#main .srl_stry_prevnext{
	display: flex;
	justify-content: space-between;
}
#main .srl_stry_prevnext::after{
	display: none;
}
#main .srl_stry_prevnext *{
	font-size: 14px;
	letter-spacing: 0;
}
#main .srl_stry_prevnext a{
	position: relative;
	transition: none;
	display: inline-block;
}
#main .srl_stry_next a{
	text-align: right;
}
#main .srl_stry_prev a::before,
#main .srl_stry_next a::before{
	content: '';
	width: 10px;
	height: 10px;
	display: block;
	background: no-repeat center center/contain;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.9%22%20height%3D%229.9%22%20viewBox%3D%220%200%209.9%209.9%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_20%22%20data-name%3D%22%E3%83%91%E3%82%B9%2020%22%20d%3D%22M-4342.5-641.5v5h5%22%20transform%3D%22translate(2621.952%203525.635)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23379b06%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
	position: absolute;
	top: 0;
    bottom: 0;
    margin: auto;
}
#main .srl_stry_prev a::before{
	left: -12px;
}
#main .srl_stry_next a::before{
	right: -12px;
	transform: rotate(180deg);
}

#main .srl_stry_prev a:hover::before,
#main .srl_stry_next a:hover::before{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.9%22%20height%3D%229.9%22%20viewBox%3D%220%200%209.9%209.9%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_20%22%20data-name%3D%22%E3%83%91%E3%82%B9%2020%22%20d%3D%22M-4342.5-641.5v5h5%22%20transform%3D%22translate(2621.952%203525.635)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
}

#main .srl_stry_prevnext + .group{
	margin-bottom: 3em;
}

/*============================================================
	USER Page
============================================================*/
#main .authors {
	background: #fff;
	padding: 20px;
}
#main .authors li:after{ display: block; clear: both; content: "";}
#main .authors li{
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #ddd;
}
#main .authors a{ text-decoration: none}
#main .authors li .profile .main_head a {
	text-decoration: underline;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s
}
#main .authors li .profile .main_head a:hover {
	color: #000;
}
/*============================================================
	CATE Page
============================================================*/
#main .cate_sec{
	margin-top: 2em;
}
#main .cate_sec h2{
	font-size: 125%;
	margin-bottom: 1em;
}
#main .cate_sec ul{
	margin: 0;
	font-weight: bold;
	font-size: 88%;
}
#main .cate_sec li{
	margin: 0 2% 2% 0;
	float: left;
	width:32%;
}
#main .cate_sec li:nth-of-type(3n){
	margin-right: 0;
}
#main .cate_sec a{
	color: #999;
	border:1px solid #999;
	padding: 8px;
	text-align: center;
	display: block;
	text-decoration: none;
}
#main .cate_sec a:hover{
	background: #fff;
}

#main .about{
	padding-bottom: 6em;
	color: #000;
}

#main .txt_read{
	text-align: center;
	margin-bottom: 1.5em;
	line-height: 3;
} 

#main .about h2{
	margin: 2em 0;
	font-size: 150%;
} 
#main .about h3{
	font-size: 150%;
	color: #000;
} 
/*============================================================
	BTNS Page
============================================================*/
#main .green_btn_1{
	display: inline-block; *display: inline; zoom: 1;
	color: #389b12;
	text-decoration: none;
	border: #8ec43e 1px solid ;
	padding: 5px 2em 5px 8px;
	background: url(../images/bg_btn_1.png) no-repeat right center;
	-moz-background-size: auto 14px;
	-webkit-background-size: auto 14px;
	-o-background-size: auto 14px;
	background-size: auto 14px;
}
#main .green_btn_1:hover{
	background-color: #e1edd0;
	color: #389b12;
}
#main .green_btn_2{
	display: inline-block; *display: inline; zoom: 1;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border: #8ec43e 1px solid ;
	padding: 10px 4em 10px 20px;
	background: url(../images/bg_btn_2.png) #8ec43e no-repeat right center;
	-moz-background-size: auto 20px;
	-webkit-background-size: auto 20px;
	-o-background-size: auto 20px;
	background-size: auto 20px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
#main .green_btn_2:hover{
	background-color: #389b12;
	color: #fff;
}

#main .present_btn{
	background-color: #c00;
	background-image:  url(../images/bg_btn_2_red.png);
	border: #c00 1px solid ;
	color: #fff;
}


#main .present_btn:hover{
	background-color: #a00;
	border: #600 1px solid ;
	color: #fff;
}

/*============================================================
	FROM Page
============================================================*/




#main .form_area{
	width: 100%;
	margin-bottom: 2em;
}
#main .form_area th,
#main .form_area td{
	padding: 10px 0;
	border-bottom: 1px dotted #ddd;
	position: relative;
}
#main .form_area th{ width: 25%;}
#main .form_area td{ width: 75%;}

.req{
	margin-left: 1em;
	font-size: 75%;
	display: inline-block; *display: inline; zoom: 1;
	font-weight: normal;
	padding: 4px 1em;
	line-height: 1;
	vertical-align: middle;
	background: #8ec43e;
	color: #fff;
}

.register_form{
	vertical-align: middle;
	padding: 6px;
	height: 2.5em;
	border: 1px solid #ddd;
	background: #fff;
}
.buttons,
.btn_form_submit,
.btn_form_next,
.btn_form_prev{
	margin: 0 1em;
	display: inline-block; *display: inline; zoom: 1;
	padding: 18px 4em;
	border: 0;
	font-size: 100%;
	color: #fff !important;
	text-decoration: none;
	-moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px!important;
	line-height: 1;
}
#main .wp-social-login-provider-facebook,
#main .btn_fb_login{
	display: inline-block; *display: inline; zoom: 1;
	padding: 12px 2em 12px 60px;
	border: 0;
	font-size: 100%;
	color: #fff;
	background: #305196 url(../images/ico_fb_btn.png)  no-repeat 20px 50%;
	-moz-background-size: auto 75%;
	-webkit-background-size: auto 75%;
	-o-background-size: auto 75%;
	background-size: auto 75%;
	text-decoration: none;
}
#main .wp-social-login-provider-facebook:hover,
#main .btn_fb_login:hover{
	background-color: #000;
	color: #fff;
}
.buttons{ background: #00abeb;}

.btn_form_submit,.btn_form_next{ background: #379b06;}
.btn_form_prev{ background: #999; }

.btn_form_next:hover{ background: #8ec43e;}
.btn_form_prev:hover{ background: #666; }

.wp-social-login-provider-list{ padding: 0; text-align: center}

/*============================================================
	LOGIN Page
============================================================*/
.one_col #main .page_area{
	padding: 0;
	background: none;
}

.login_group{
	padding: 20px;
	border: 5px solid #8ec43e;
	background: #fff;
}
.login_area{
	float: left;
	width: 50%;
	border-right: 1px solid #ccc;
	padding-right: 20px;
}
.login_area+.login_area{
	float: right;
	border-right: 0;
	padding: 20px;
}
.fb_login p{ text-align: center;}
legend{
	display: none;
}
#wpmem_login .div_text, #wpmem_reg .div_text, #wpmem_reg .div_textarea, #wpmem_reg .div_select, #wpmem_reg .div_checkbox, #wpmem_reg .div_multiselect, #wpmem_reg .div_multicheckbox, #wpmem_reg .div_radio, #wpmem_reg .div_image, #wpmem_reg .div_file, #wpmem_reg .div_url, #wpmem_reg .div_number, #wpmem_reg .div_date{
	width: auto;
	text-align: center;
}
#wpmem_reg .button_div, #wpmem_login .button_div{
	width: auto;
	text-align: center;
	margin-bottom: 2em;
}

#wpmem_msg, .wpmem_msg {
	background: none;
	border: none;
	padding: 0;
}
#wpmem_msg  *, .wpmem_msg *{
	text-align: center;
}

#wpmem_reg label
, #wpmem_login label{ margin-bottom: 5px; display: inline-block; *display: inline; zoom: 1;}
/* クレジット */
.div_text+p br{
	display: none;
}

.member_group{
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
/*	-moz-box-shadow:0 0 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); */
	padding: 20px;
	background: #fff;
}
.login .member_group{
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	-moz-box-shadow:none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
	background: none;
}

.mwform-radio-field label{
	display: inline-block; *display: inline; zoom: 1;
	margin-right: 1em;
	padding: 5px;
	background: #f6f6f6;
}

#main .member_group .mwform-checkbox-field label{
	margin-right: 0;
	display: block;
	margin-bottom: 10px;
	font-size: 88%;
}
#main .member_group .mwform-checkbox-field:hover label{
	background: #eee;
}
.mw_wp_form .horizontal-item + .horizontal-item{
	margin-left: 0;
}

#main .member_group h2,
#main .member_group h3{
	color: #379b06;
	font-size: 125.0%;
	margin-bottom:1em;
	margin-top: 3em;
}

#main .member_group h2{
	text-align: center;
	padding-top: 2em;
	border-top: 1px solid #ccc;
}
#main .member_group h2:first-child,
#main .member_group h3:first-child{
	margin-top: 0;
	padding-top: 0;
	border: 0;
}

#main .member_group .m_data{
	width: 100%;
	margin-bottom: 1em;
}
#main .member_group .m_data th,
#main .member_group .m_data td{
 padding: 5px ;
	border-bottom: 5px solid #fff;
}
#main .member_group .m_data th{ width: 20%; padding: 5px ; background: #f6f6f6;}
#main .member_group .m_data td{ width: 80%;}

#main .btn_mypage{
	background: #8ec43e;
	display: inline-block; *display: inline; zoom: 1;
	padding: 10px 4em;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	position: relative;
	margin-right: 1em;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	margin: 0.5em 0;
}

#main .btn_mypage::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px;
}
#main .btn_mypage:hover{
	background: #379b06;
	color: #fff;
}




#main .btn_mypage_can{
	background: #fff;
	color: #999;
	border: #ccc 2px solid;
}

#main .btn_mypage_can::after {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#main .btn_mypage_can:hover{
	background: #eee;
	color: #999;
}

/*============================================================
	MEM Page
============================================================*/
#main .mem_only{
	background: #fff;
	padding:  45px 20px;
	border:  5px solid #8ec43e;
}
#main .mem_only .mem_mes{
margin-bottom:  3em;
	font-size:  100%;
	line-height:  1;
	font-weight:  bold;
}
#main .mem_only .mem_mes img{
width:  22px !important;
vertical-align:  bottom;
}
#main .mem_only ul{
	margin-bottom:  0;
}

#main .entry .mem_only li{
	float: left;
	width:  50%;
	padding: 0 10px;
}
#main .entry .mem_only ul li::before {
	content: none;
}
.btn_reg_link,
.btn_log_link{
	position:  relative;
	text-decoration:  none;
	padding:  20px 5em;
	font-weight:  bold;
	color:  #fff !important;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
.btn_reg_link:after,
.btn_log_link:after{
	content: "";
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: inline-block;
	zoom: 1;
	width: 7px;
	height: 7px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	vertical-align: baseline;
	line-height: 1;
	margin-left: 1em;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -5px;
}
.btn_reg_link{
	background: #8ec43e;
}
.btn_log_link{
	background: #00abeb;
}
.btn_reg_link:hover{
	background: #88d462;
}
.btn_log_link:hover{
	background: #60bde0;
}
/*============================================================
	topic Page
============================================================*/
.topic_sec{
	margin-bottom: 2em;
	padding: 20px;
	background: #fff;
}
#main .topic_sec h2{
	font-size: 100%;
	margin-bottom: 0.5em;
	color: #679621;
}

/*============================================================
	吹き出し
============================================================*/
.say {
	display: table;
	overflow: hidden;
	width: 100%;
	margin: 1.5em 0;
}
.say .faceicon {
	width: 130px;
	display: table-cell;
	padding-right: 20px;
	text-align: center !important;
	vertical-align: top;
}
.say .faceicon img {
	width: 100%;
	height: auto;
	border: 3px solid #eaedf2;
	border-radius: 50%;
}
.say .faceicon span {
	font-size: 11px;
	font-weight: bold;
}
.say .chatting {
	padding-top: 15px;
	width: calc(100% - 150px);
	display: table-cell;
	position: relative;
	font-size: 15px;
	vertical-align: top;
}
.say .chatting p{
	font-size: 15px !important;
	margin-bottom: 1.5em !important;
	line-height: 1.75 !important;
	text-align: left !important;
}
.say .chatting p:last-child{
	margin-bottom: 0 !important;
}
.say .chatting .sc {
	display: inline-block;
	text-align: left;
	padding: 13px;
	border: 2px solid #d5d5d5;
	border-radius: 12px;
	background: #fff;
	word-break: break-all;
	line-height: 1.75;
}
.say .chatting .sc:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 28px;
	left: -23px;
	border: 12px solid transparent;
	border-right: 12px solid #d5d5d5;
}
.say .chatting .sc:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 28px;
	left: -20px;
	border: 12px solid transparent;
	border-right: 12px solid #fff;
}
.say.right {
	text-align: right;
}
.say.right .chatting {
	text-align: right;
}
.say.right .chatting .sc:before {
	right: -23px;
	left: auto;
	border: 12px solid transparent;
	border-left: 12px solid #d5d5d5;
}
.say.right .chatting .sc:after {
	right: -20px;
	left: auto;
	border: 12px solid transparent;
	border-left: 12px solid #ffffff;
}
.say.right .faceicon {
	padding: 0 0 0 20px;
}

/*============================================================
	トップページ-TVCM
============================================================*/
.tvcm {
	line-height: 1.8;
	margin-bottom: 1.2em;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.tvcm iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/*============================================================
	テーブルデザイン・ボタンデザイン
============================================================*/
table {
	width: 100%;
	margin-bottom: 30px;
}
table th {
	background-color: #e8f3d8;
	color: #379b06;
	text-align: left;
}
table th,
table td {
	padding: 10px;
	border: 1px solid #c7e29f;
	font-size: 16px;
}
.button {
	width: 100%;
	max-width: 225px;
	height: 48px;
	line-height: 44px;
	display: block;
	border-radius: 10px;
	background-color: #379B06;
	color: #FFF !important;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	margin: 15px auto;
	text-align: center;
	border: 2px solid #379B06;
	transition: all 0.2s ease;
}
/* 修正版 */
.button {
	width: auto;
	max-width: none;
	/*min-width: 200px;*/
	height: auto;
	line-height: 1.4;
	display: inline-block;
	padding: 0.8em 2em;
	position: relative;
}
.button i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0.8em;
}
/* 修正版 */
.button:hover {
	color: #379B06 !important;
	background-color: #FFF;
	border: 2px solid #379B06;
}
.button.round {
	border-radius: 44px;
}
.button.left {
	width: 45%;
	float: left;
	max-width: 200px;
}
.button.right {
	width: 45%;
	float: right;
	max-width: 200px;
}
.button.orange {
	background-color: #F29700;
	border: 2px solid #F29700;
}
.button.orange:hover {
	color: #F29700 !important;
	background-color: #FFF;
	border: 2px solid #F29700;
}
.button.outline {
	border: 2px solid #379B06;
	color: #379B06 !important;
	background-color: #FFF;
}
.button.outline:hover {
	background-color: #379B06;
	color: #FFF !important;
}
div.row {
	padding: 0 15px;
	overflow: hidden;
}

/*============================================================
	カテゴリページ-バナー
============================================================*/
.box-category-banner {
	margin-bottom: 20px;
	text-align: center;
}
.box-category-banner img {
	max-width: 100%;
	height: auto;
}

/*============================================================
	カテゴリページ-バナー
============================================================*/
.box-tag-banner {
	margin-bottom: 20px;
	text-align: center;
}
.box-tag-banner img {
	max-width: 100%;
	height: auto;
}

/*============================================================
	トップページUI変更
============================================================*/
#menu {
	position: relative;
}
#menu ul li {
	position: unset;
}
#menu ul li span {
	display: block;
	padding: 12px 10px;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	letter-spacing: -1px;
	font-weight: bold;
	min-width: 5em;
	color: #000;
	transition: .5s;
	cursor: pointer;
	letter-spacing: 1px;
}
#menu ul li span:hover {
	background: #e5f6fd;
}
#menu ul li .box_sub_category {
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	background: #fff;
	z-index: 50;
	padding: 10px;
	transform: translate3d(0, 0, 0);
}
#menu ul li .box_sub_category .item_sub_category {
	display: inline-block;
	margin-right: 5px;
}
#menu ul li .box_sub_category .item_sub_category a {
	border: 1px solid #000;
	padding: 8px 10px;
}
#menu ul li .box_sub_category .tag-list a {
	background: #8ec43e;
	border: 1px solid #8ec43e;
}
#menu ul li .box_sub_category .item_sub_category a:hover {
	background: #000;
	color: #fff;
}
#menu ul li:hover span {
	background: #e5f6fd;
}
#menu ul li:hover .box_sub_category {
	display: block;
}
.sec_top_notice {
	padding: 10px 10px 15px;
}
.sec_top_notice .box_top_notice {
	font-size: 15px;
	font-weight: bold;
	padding: 5px 0 0 35px;
	position: relative;
}
.sec_top_notice .box_top_notice:before {
	content: '\f0a1';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 23.5px;
}
.banner_top_topic {
	margin-bottom: 3em;
	text-align: center;
}
#main .area_new_post .item_new_post {
	padding-bottom: .8em;
	margin-bottom: .8em;
	border-bottom: 1px dotted #dbdbdb;
	position: relative;
}
#main .area_new_post .item_new_post a {
	display: flex;
	align-items: center;
	color: #000;
	text-decoration: none;
}
#main .area_new_post .item_new_post a:hover {
	color: #379b06;
}
#main .area_new_post .item_new_post .img_new_post {
	flex-basis: 80px;
	margin-right: 15px;
}
#main .area_new_post .item_new_post p {
	flex-basis: calc(100% - 95px);
	padding-right: 30px;
	position: relative;
}
#main .area_new_post .item_new_post p:after {
	content: '\f0da';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #379b06;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
#main .area_special {
	background: #e2ead4;
	padding: 10px;
	border: 1px solid #c4d8b8;
	display: flex;
	align-items: flex-start;
	margin-bottom: 1.5em;
}
#main .area_special .img_special_banner {
	width: 200px;
	margin-right: 20px;
	border-radius: 5px;
	overflow: hidden;
}
#main .area_special .box_special_post {
	width: calc(100% - 220px);
}
#main .area_special .box_special_post h3 {
	font-size: 20px;
	color: #55982d;
	margin: 0.3em 0px 0.5em;
}
#main .area_special .box_special_post ul li {
	margin-bottom: 13px;
}
#main .area_special .box_special_post ul li:last-child {
	margin-bottom: 0;
}
#main .area_special .box_special_post ul li a {
	display: flex;
	align-items: center;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	color: #000;
	text-decoration: none;
}
#main .area_special .box_special_post ul li a:hover {
	color: #379b06;
}
#main .area_special .box_special_post ul li a .img_special_post {
	width: 82px;
}
#main .area_special .box_special_post ul li a p {
	width: calc(100% - 82px);
	padding: 0 2em 0 1em;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#main .area_special .box_special_post ul li a p:after {
	content: '\f0da';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #379b06;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}
#main .serialization {
	margin-top: 3em;
}
#main .box_mynavi_contents ul li {
	margin: 0 5% 2.5% 0;
	float: left;
	width: 30%;
	position: relative;
}
#main .box_mynavi_contents ul li:nth-of-type(3n+1) {
	clear: both;
}
#main .box_mynavi_contents ul li:nth-of-type(3n) {
	margin: 0 0 2.5% 0;
}
#main .box_mynavi_contents ul li p {
	text-align: center;
}
#main .box_mynavi_contents ul li a {
	text-decoration: none;
	font-weight: bold;
}
#main .box_mynavi_contents ul li a:hover .description {
	color: #379b06;
}
#main .box_mynavi_contents ul li .img {
	margin-bottom: 0.3em;
	transition: 0.5s;
}
#main .box_mynavi_contents ul li .title {
	font-size: 14px;
	color: #ff9601;
	margin-bottom: 0;
	transition: 0.5s;
}
#main .box_mynavi_contents ul li .description {
	color: #000;
	line-height: 1.3;
	transition: 0.5s;
}
#sub .sub_event_info {
	padding-top: 10px;
}
#sub .sub_event_info li {
	margin-bottom: 18px;
	padding-bottom: 12px;
	border-bottom: 2px solid #ccc;
}
#sub .sub_event_info li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#sub .sub_event_info li h4 {
	margin-bottom: 0.5em;
}
#sub .sub_event_info li h4 a {
	color: #e8942d;
	font-size: 20px;
	text-decoration: none;
}
#sub .sub_event_info li h4 a:hover {
	color: #000;
}
#sub .sub_event_info li .data_event {
	color: #e8942d;
	font-size: 14px;
	font-weight: 700;
	display: inline-block;
	border: 2px solid #f0d7b8;
	border-radius: 6px;
	padding: 4px 15px;
	margin-bottom: 0.7em;
}
#sub .sub_event_info li .detail_event .img {
	float: left;
	margin: 0 12px 12px 0;
}
#sub .sub_event_info li .detail_event p {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
}
#sub .area_social {
	background: #fff;
}
#sub .area_social .inner_social {
	padding: 10px 17px;
	letter-spacing: -0.4em;
}
#sub .area_social .inner_social .tit {
	letter-spacing: 0;
	font-size: 14px;
	font-weight: 700;
}
#sub .area_social .inner_social .box_btn_social {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
}
#sub .area_social .inner_social .box_btn_social .twitter {
  margin-bottom: 8px;
}
#sub .area_social .inner_social .box_btn_social .twitter a {
  display: inline-block;
  position: relative;
  font-size: 11px;
  text-decoration: none;
  height: 20px;
  box-sizing: border-box;
  padding: 1px 8px 1px 6px;
  background: #1b95e0;
  color: #fff;
  border-radius: 3px;
  font-weight: bold;
  cursor: pointer;
}
#sub .area_social .inner_social .box_btn_social .twitter a:hover {
  background: #0c7abf;
}
#sub .area_social .inner_social .box_btn_social .twitter a i {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: transparent 0 0 no-repeat;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E);
}
#sub .area_social .inner_social .box_btn_social .twitter a span {
  display: inline-block;
  margin-left: 3px;
  white-space: nowrap;
  position: relative;
  top: -1px;
}
#sub .area_social .inner_social .box_member_regist {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
}
#sub .area_social .inner_social .box_member_regist a {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #e8942d;
	border-radius: 6px;
	padding: 1em;
}
#sub .area_social .inner_social .box_member_regist a:hover {
	opacity: 0.5;
}

/*============================================================
タイアップ企画(詳細ページ)
============================================================*/
#main .box-tieup {
	letter-spacing: -0.4em;
}
#main .box-tieup .tieup-inner {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	width: 19.2%;
	margin-right: 1%;
	margin-bottom: 10px;
}
#main .box-tieup .tieup-inner:nth-child(5n) {
	margin-right: 0;
}
#main .box-tieup .tieup-inner a {
	display: block;
	text-decoration: none;
}
#main .box-tieup .tieup-inner a .title {
	margin: 5px 0;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
}
#main .box-tieup .tieup-inner a:hover {
	color: #379b06;
	text-decoration: underline;
}
#main .box-tieup .tieup-inner a:hover img {
	opacity: 1;
}

/*============================================================
	box26
============================================================*/
.box26 {
	margin: 2em 0px;
	border: 3px solid #8ec43e;
	border-radius: 8px;
}
.box26 .box-title {
	display: inline-block;
	position: relative;
	top: -14px;
	left: 10px;
	padding: 0 9px;
	margin: 0 7px;
	background: #fff;
	color: #379b06;
	font-size: 19px;
	height: 1.4em;
}
.box26 .box-title:before {
	content: '\f02e';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right: 4px;
}
.box26 .box-content {
	padding: 0 1.5em 24px;
}
.box26 p {
	margin: 0 !important;
	padding: 0;
}
.box26.non_title .box-content {
	padding: 24px 1.5em 24px;
}



/*============================================================
	list-raw
============================================================*/
#main .entry .list-raw ul {
	padding: 0 0 0 1.4em;
	border: none;
	box-shadow: none;
	background: 0 0;
	list-style-type: disc;
}
#main .entry .list-raw ul li {
	padding: 5px 0;
	list-style: inherit;
	line-height: 1.8;
	margin-bottom: 0;
}
#main .entry .list-raw ul li::before {
	display: none;
}
#main .entry .list-raw ol {
	border: none;
	box-shadow: none;
	background: 0 0;
	list-style-type: decimal;
}
#main .entry .list-raw ol li {
	padding: 5px 0;
	list-style: inherit;
	line-height: 1.8;
	margin-left: 22px;
	margin-bottom: 0;
}
.box-content .list-raw ul,
.box-content .list-raw ol{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}


/*============================================================
	XXX Page
============================================================*/


/*============================================================
	XXX Page
============================================================*/



/*============================================================
	パンクズ
============================================================*/
.path {
	padding: 20px 0 20px;
}
/*============================================================
	グロナビ
============================================================*/
#page_header {
	border-bottom: none;
	box-shadow: 0 0 6px rgba(0,0,0,0.1);
}
#page_header .logo img {
	width: 276px;
	height: auto;
}
#menu a {
	padding: 12px 6px;
}
#menu a:hover {
	background: none;
}
#menu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
}
#menu ul li {
	display: block;
	/*width: calc(100% / 8);*/
	position: relative;
	width: inherit;
}
#menu ul li span {
	letter-spacing: 1px;
	padding: 12px 0;
}
#menu ul li:hover span {
	background: none;
}
#menu ul li:hover:after {
	content: '';
	display: block;
	position: absolute;
	width: 60%;
	height: 5px;
	background: #8ec43c;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
					transform: translateX(-50%);
}
#menu ul li.current:after {
	content: '';
	display: block;
	position: absolute;
	width: 60%;
	height: 5px;
	background: #8ec43c;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
					transform: translateX(-50%);
}
#menu ul li .box_sub_category {
	width: 130%;
	left: -15%;
	padding: 0;
}
#menu ul li .box_sub_category .list_sub_category {
	display: block;
}
#menu ul li .box_sub_category .list_sub_category .item_sub_category {
	display: block;
	width: 100%;
	margin-right: 0;
	border-bottom: 1px solid #ddd;
}
#menu ul li .box_sub_category .list_sub_category .item_sub_category:last-child {
	border-bottom: none;
}
#menu ul li .box_sub_category .list_sub_category .item_sub_category:hover:after {
	content: none;
}
#menu ul li .box_sub_category .list_sub_category .item_sub_category a {
	border: none;
	padding: 15px 10px;
}
#menu ul li .box_sub_category .list_sub_category .item_sub_category a:hover {
	background: #8ec43c;
}
#searchform {
	top: 8px;
	left: 325px;
}
.head_user_menu {
	top: -4px;
}
.head_user_menu a {
	display: inline-block;
	padding: 0 16px;
}
.head_user_menu img {
	height: 53px;
	width: auto;
}
/*============================================================
	見出し
============================================================*/
#main p.explain {
	color: #333;
	line-height: 1.4;
	font-size: 16px;
	margin-bottom: 2.1em;
}
#main .agri-skill .page_head {
	border-left: none;
	padding-left: 0;
	margin-bottom: .5em;
	font-size: 36px;
	line-height: 1.3;
}
#main .event .page_head {
	border-left: none;
	padding-left: 0;
	margin-bottom: .5em;
	font-size: 36px;
	line-height: 1.3;
}
#main .area .page_head {
	border-left: none;
	padding-left: 0;
	margin-bottom: .5em;
	font-size: 36px;
	line-height: 1.3;
}
.st2 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffff99));
	background: linear-gradient(transparent 60%, #ffff99 60%);
}
/*============================================================
	農業スキル
============================================================*/
.skill-h2 {
	font-size: 20px;
	border-bottom: 1px solid #acacac;
	padding-left: 1.4em;
	background: url(../images/icon_magnifying.png) no-repeat;
	background-position: left center;
	line-height: 1.3;
}
#main .box-skill {
	margin-bottom: 20px;
}
#main .box-skill h2 {
	font-size: 20px;
	border-bottom: 1px solid #acacac;
	padding-left: 1.4em;
	background: url(../images/icon_magnifying.png) no-repeat;
	background-position: left center;
	line-height: 1.3;
}
#main .box-skill ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between;
}
#main .box-skill ul:after {
	content: none;
}
#main .box-skill ul li {
	width: 48.5%;
	max-width: 334px;
	margin-bottom: 3%;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}
#main .box-skill ul li a {
	display: block;
}
#main .box-skill ul li a .img {
	position: relative;
	margin: -10px 0 -10px;
}
#main .box-skill ul li a .img:after {
	content: '';
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .1;
}
#main .box-skill ul li a span {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
	color: #fff;
	font-size: 43px;
	font-weight: bold;
	white-space: nowrap;
}
#main .box-keywords h2 {
	font-size: 20px;
	border-bottom: 1px solid #acacac;
	padding-left: 1.4em;
	background: url(../images/icon_magnifying.png) no-repeat;
	background-position: left center;
	line-height: 1.3;
}
#main .box-keywords ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	-ms-flex-line-pack: center;
			align-content: center;
}
#main .box-keywords ul li {
	margin-right: .7em;
	margin-bottom: .7em;
}
#main .box-keywords ul li a {
	display: block;
	font-size: 16px;
	color: #000;
	padding: 4px 8px;
	border: 1px solid #acacac;
	border-radius: 8px;
	text-decoration: none;
}
#main .box-keywords ul li a:hover {
	opacity: .6;
}
/*============================================================
	イベント情報
============================================================*/
#main .box-eventinfo ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between;
}
#main .box-eventinfo ul:after {
	content: none;
}
#main .box-eventinfo ul li {
	width: 48.5%;
	max-width: 329px;
	margin-bottom: 3%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#main .box-eventinfo ul li a {
	display: block;
	text-decoration: none;
	color: #333;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #acacac;
}
#main .box-eventinfo ul li a:hover {
	opacity: .5;
}
#main .box-eventinfo ul li .img {
	max-width: 329px;
	height: auto;
}
#main .box-eventinfo ul li .img img {
	width: 100%;
	height: auto;
}
#main .box-eventinfo ul li .detail {
	padding: 8px 6px;
}
#main .box-eventinfo ul li .detail h2 {
	font-size: 22px;
	margin-bottom: .2em;
	line-height: 1.3;
	letter-spacing: -1px;
}
#main .box-eventinfo ul li .detail h2 span {
	display: inline-block;
	background: #e68c1f;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 1px 3px;
	position: relative;
	top: -3px;
	margin-left: 4px;
}
#main .box-eventinfo ul li .detail p {
	font-size: 110%;
	line-height: 1.3;
}
/*============================================================
	エリア情報
============================================================*/
#main .box-areainfo {
	margin-bottom: 20px;
}
#main .box-areainfo ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between;
}
#main .box-areainfo ul:after {
	content: none;
}
#main .box-areainfo ul li {
	width: 31.12391931%;
	max-width: 216px;
	margin-bottom: 3%;
	position: relative;
	border-radius: 15px;
	overflow: hidden;
}
#main .box-areainfo ul li a {
	display: block;
}
#main .box-areainfo ul li a .img {
	position: relative;
}
#main .box-areainfo ul li a .img:after {
	content: '';
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .1;
}
#main .box-areainfo ul li a span {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
	color: #fff;
	font-size: 35px;
	font-weight: bold;
	white-space: nowrap;
}
/*============================================================
	カテゴリページ
============================================================*/
.category #main .page_area {
	margin-bottom: 20px;
}
.category #main .page_head {
	border-left: none;
	padding-left: 0;
	margin-bottom: .5em;
	font-size: 36px;
}
.category #main .explain p {
	color: #333;
	line-height: 1.4;
	margin-bottom: .5em;
}
.category #main .box-keywords {
	padding-top: 25px;
}
/*============================================================
	サーチページ
============================================================*/
.search-results #main .page_area {
	margin-bottom: 20px;
}
.search-results #main .page_head {
	border-left: none;
	padding-left: 0;
	margin-bottom: .5em;
	font-size: 36px;
}
.search-results #main .explain p {
	color: #333;
	line-height: 1.4;
	margin-bottom: .5em;
}
.search-results #main .box-keywords {
	padding-top: 25px;
}
/*============================================================
	パーツ追加
============================================================*/
.overlay {
	position: absolute;
	display: none;
	top: 0;
	width: 100%;
	z-index: 1001;
	background-color: rgba(0, 0, 0, 0.6);
}
.overlay img {
	display: inline-block;
	position: absolute;
	border: 5px solid #fff;
	max-width: 94%;
	height: auto;
}
.slick_slider {
	margin-bottom: 20px;
}
.slick_slider button:focus {
	outline: 0;
}
.slick_slider button:hover {
	opacity: .5;
}
.slick_slider .slick-prev {
	position: absolute;
	top: 50%;
	left: -22px;
	-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
	width: 20px;
	height: 35px;
	background: url(/wp-content/themes/agri/page_image/parts/icon_prev.png) no-repeat;
	padding: 0;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.slick_slider .slick-next {
	position: absolute;
	top: 50%;
	right: -22px;
	-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
	width: 20px;
	height: 35px;
	background: url(/wp-content/themes/agri/page_image/parts/icon_next.png) no-repeat;
	padding: 0;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.slick_slider a:hover img {
	opacity: .8;
}
.slick-thumb {
	margin-bottom: 10px;
}
.slick-thumb .slick-track {
	-webkit-transform: translate(0) !important;
					transform: translate(0) !important;
}
.slick-thumb .slick-slide {
	margin: 0 5px;
	position: relative;
}
.slick-thumb .slick-slide.slick-current:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	border: 3px solid #878787;
}
.slick-thumb .slick-slide:focus {
	outline: 0;
}
.slick-thumb .slick-slide:hover {
	opacity: .7;
}
.slick-thumb .slick-slide a {
	display: block;
	pointer-events: none;
}
#main .news_article .slick_source {
	margin-bottom: 30px;
}
#main .news_article .slick_source p {
	text-align: center;
}
#main .news_article .parts_two {
	margin-bottom: 30px;
}
#main .news_article .parts_two .read-less {
	display: block;
	text-align: right;
}
#main .purchase {
	margin-bottom: 38px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between;
	-webkit-box-align: start;
			-ms-flex-align: start;
					align-items: flex-start;
}
#main .purchase .img {
	width: 400px;
	height: auto;
}
#main .purchase .txt {
	width: 230px;
}
#main .purchase .txt p {
	margin-bottom: 0.8em;
	line-height: 1.4;
}
#main .purchase .txt .company {
	font-size: 11px;
}
#main .purchase .txt .product_n {
	font-size: 18px;
}
#main .purchase .txt .product_p {
	color: #f00;
	font-size: 18px;
	margin-bottom: 1em;
}
#main .purchase .txt .product_p span {
	font-size: 12px;
}
#main .purchase .txt .btn_purchase li {
	padding-left: 0;
}
#main .purchase .txt .btn_purchase li:before {
	content: none;
}
#main .purchase .txt .btn_purchase li a {
	text-decoration: none;
	display: block;
	text-align: center;
	color: #fff;
	border-radius: 10px;
	padding: .8em 0;
}
#main .purchase .txt .btn_purchase li a:hover {
	opacity: .7;
}
#main .purchase .txt .btn_purchase li a.cl {
	background: #75c42f;
}
#main .purchase .txt .btn_purchase li a.amazon {
	background: #ff7a13;
}
#main .purchase .txt .btn_purchase li a.rakuten {
	background: #aa0000;
}
/*============================================================
	ライター上部掲載
============================================================*/
#main .box_writer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0 20px;
}
#main .box_writer .img_writer {
	width: 75px;
	height: 75px;
	display: flex;
	align-items: center;
	border: 1px solid #888;
	border-radius: 50%;
	overflow: hidden;
}
#main .box_writer .img_writer img {
  width: 75px;
  height: 75px;
	margin: 0;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
#main .box_writer .txt {
	width: calc(100% - 100px);
}
#main .box_writer .txt p {
	margin-bottom: 0;
}
/*============================================================
	タグ上部掲載
============================================================*/
#main .box_lists {
	margin-top: 20px;
}
#main .box_lists ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: -6px;
}
#main .box_lists ul li {
	margin: 0 0 6px 6px;
}
#main .box_lists ul li a {
	display: block;
	color: #888;
	font-size: 12px;
	padding: 2px 1em;
	text-decoration: none;
	border-radius: 4px;
	line-height: 1.8;
	border: 1px solid #888;
}
#main .box_lists ul li a:hover {
	opacity: .5;
}
/*============================================================
	罫線
============================================================*/
#main .news_article .agriplusContact {
	margin-top:2em;
	padding: 1em 0;
	border-top: solid #000 5px;
}
/*============================================================
	プレスリリース
============================================================*/
#main .area_prtimes {
  margin: 40px 0 50px!important;
}
#main .area_prtimes div::after {
  content: none;
}
#main .area_prtimes p {
  line-height: 1.3;
  margin-bottom: 0;
}
#main .area_prtimes p.annotation {
  color: #999;
  font-size: 14px;
}
#main .area_prtimes p.btn_prtimes {
  margin-top: 20px;
}
#main .area_prtimes h3 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 1;
  background: #ddeec5;
  padding: 14px 0 14px 1.5em;
  margin-bottom: 0;
}
#main .area_prtimes .list_prtimes {
  background: #fff;
  margin-bottom: 10px;
}
#main .area_prtimes .list_prtimes .item {
  border-bottom: 1px solid #e3e3e3;
}
#main .area_prtimes .list_prtimes .item:last-child {
  border-bottom: none;
}
#main .area_prtimes .list_prtimes .item a {
  display: block;
  padding: 20px;
  text-decoration: none;
  transition: all 0.5s;
}
#main .area_prtimes .list_prtimes .item a:hover {
  opacity: 0.5;
}
#main .area_prtimes .list_prtimes .item .sub {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
#main .area_prtimes .list_prtimes .item .sub .comp {
  color: #333;
  font-size: 12px;
}
#main .area_prtimes .list_prtimes .item .sub .pub {
  color: #333;
  font-size: 13px;
}
#main .area_prtimes .list_prtimes .item .tit {
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
/*============================================================
	プレスリリース,STORY(詳細)
============================================================*/
#main.sgl_prtimes .entry {
  margin-bottom: 0 !important;
  border-bottom: none !important;
}
#main.sgl_prtimes .entry img {
  width: auto !important;
  height: auto;
  max-height: 500px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 10px 0;
}
/*============================================================
	スクロールテーブル(詳細)
============================================================*/
.table_wrap-single {
	overflow: auto;
	white-space: nowrap;
	margin-bottom: 2em;
	border: 1px solid #ddd;
}