@charset "UTF-8";
/*------------------------------------------------------------------------------
	多摩てばこ - CSS Modules Import
	Date: 2017-06-14
------------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

* {
	max-width: 100%;
	box-sizing: border-box;
}
body, p, td, th, input , select , textarea {
	max-width: 100%;
	font-size: 14px;
	font-size: 16px;
	font-family:  "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-family:  'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "HIragino Kaku Gothic Pro W3", "HIragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.6;
	color:#333;
}
h1,h2,h3,h4 {
}
html, body{
	height:100%;
}
img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto !important;
}
.wrapper{
	clear: both;
	position:relative;
	width: 1000px;
	margin:auto;
}
.table {
	display: table;
}
.cell {
	display: table-cell;
}
.ib {
	display: inline-block;
}
a img {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
a img:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#contents a {
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
}
#contents a:hover {
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
}
a:hover.pMenu {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.sp {
	display: none;
}
.auto {
	margin-left: auto;
	margin-right: auto;
}
.wrapper,
#wrap_contents {
	margin: auto;
	width: 1000px;
}
#footer{
	margin-top: 100px;
}

/*------------------------------------------------------------------------------
	HEADER
------------------------------------------------------------------------------*/

#header {
	padding: 15px 10px 20px;
	margin: auto;
	border-collapse: collapse;
}
.header-wrap {
	margin: auto;
	width: 100%;
	max-width: 1040px;
	display: flex;
	align-itens: start;
	justify-content: space-between;
}

#header .searchBox form {
	display: flex;
	align-itens: center;
}
#header .box2 {
	width: 310px;
}
#header .searchBox span {
	border: 1px solid #ccc;
}
#header .blogBnr {
	margin-top: 20px;
	display: flex;
	justify-content: end;
}

#header .copy {
	position: relative;
	margin-bottom: 10px;
	font-size: 16px;
	color: #666;
}
.searchBox {
	width: 310px;
}
.search-btn {
	display: block;
}
.search-field {
	padding: 2px 10px;
	width: 265px;
	height: 34px;
	font-size: 14px;
	box-sizing: border-box;
	border: 0px;
}

#navi {
	position: relative;
	background: #ffd619;
	z-index: 1000;
}
#navi .gNav  {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.gNav-sub {
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
	display: none;
}
.gNav  .wrap {
	position: relative;
}
.gNav  .wrap:hover > .gNav-sub {
	display: block;
	position: absolute;
	white-space: nowrap;
	min-width: 100%;
	max-width: 400px;
	top: 0;
	left: 0;
	padding-top: 70px;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.gNav-sub li {
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}
.gNav-sub li:last-child {
	border-bottom: 1px solid #666;
}
.gNav-sub li a {
	display: block;
	padding: 15px 10px;
	font-size: 15px;
	line-height: 1.4;
	color: #666;
	text-decoration: none;
	background: #ffffcc;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.gNav-sub li + li {
	border-top: 1px solid #666;
}
#navi .gNav-sub li a:hover {
	background: #fff;
}
#navi .gNav > li {
	position: relative;
}
#navi .gNav > li::before  {
	position: absolute;
	display: block;
	content:"";
	top: 5px;
	bottom: 5px;
	left: 0px;
	width: 2px;
	background: #666;
}
#navi .gNav > li:last-child::after  {
	position: absolute;
	display: block;
	content:"";
	top: 5px;
	bottom: 5px;
	right: 0px;
	width: 2px;
	background: #666;
}
#navi .gNav li .ti {
	width: 175px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #666;
	font-size: 16px;
	font-weight: 700;
	text-align:center;
	text-decoration: none;
	line-height: 1.2;
	padding-top: 3px;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}

#navi ul  a small {
	font-size: 14px;
}

#navi ul li a:hover {
	color: #333;
	background: #fff;
}

/*------------------------------------------------------------------------------
	footpath ぱんくず
------------------------------------------------------------------------------*/

#footpath {
	width: 1000px;
	margin: auto;
}
#footpath li {
	display: inline-block;
	font-size: 12px;
}
#footpath a:after {
	content: " > ";
}


.request-notification-permission {
	position: fixed;
	right: 0;
	top: 100px;
}
.request-notification-permission a {
	display: inline-block;
	padding: 5px 10px;
	width: 30px;
	font-size: 13px;
	color: #fff;
	background: #999;
	box-sizing: border-box;
}


/*------------------------------------------------------------------------------
	SIDE
	#side_contents_right {
	float: right;
	padding-top: 50px;
	width: 300px;
}
------------------------------------------------------------------------------*/

#top #side_contents_right {
	padding-top: 30px;
}


.instagram-media * {
	font-size: 12px !important;
}
#side_contents_right iframe,
#side_contents_right iframe *,
.EmbedCaption,
.instagram-media a {
	font-size: 12px !important;
}

#side_contents_right .ranking {
	margin: 0 0 40px;
}
#side_contents_right .ranking li {
	margin: 0 0 30px;
}
#side_contents_right .ranking li a {
	display: block;
	color: #333;
	text-decoration: none;
	border: 0px;
}
#side_contents_right .ranking li .thumb,
#side_contents_right .ranking li .tit {
	display: inline-block;
	vertical-align: top;
}
#side_contents_right .ranking li .thumb {
	width: 120px;
	height: 85px !important;
	overflow: hidden;
	border: 1px solid #ccc;
}
#side_contents_right .ranking li .thumb img {
	width: 120px;
	height: 85px !important;
}
#side_contents_right .ranking li .tit {
	width: 170px;
	padding: 0 0 0 15px;
	line-height: 1.43;
	box-sizing: border-box;
}
#side_contents_right .ranking li:nth-child(1),
#side_contents_right .ranking li:nth-child(2),
#side_contents_right .ranking li:nth-child(3),
#side_contents_right .ranking li:nth-child(4),
#side_contents_right .ranking li:nth-child(5) {
	position: relative;
}
#side_contents_right .ranking li:nth-child(1):after,
#side_contents_right .ranking li:nth-child(2):after,
#side_contents_right .ranking li:nth-child(3):after,
#side_contents_right .ranking li:nth-child(4):after,
#side_contents_right .ranking li:nth-child(5):after {
	position: absolute;
	top: -4px;
	left: 7px;
	border: 0px;
}
#side_contents_right .ranking li:nth-child(1):after {
	content: url(/files/user/common/images/ico_no1.png);
}
#side_contents_right .ranking li:nth-child(2):after {
	content: url(/files/user/common/images/ico_no2.png);
}
#side_contents_right .ranking li:nth-child(3):after {
	content: url(/files/user/common/images/ico_no3.png);
}
#side_contents_right .ranking li:nth-child(4):after {
	content: url(/files/user/common/images/ico_no4.png);
}
#side_contents_right .ranking li:nth-child(5):after {
	content: url(/files/user/common/images/ico_no5.png);
}


.instaBox {
	border: 1px solid #ccc;
}

.sideBnr li {
	margin: 0 0 50px;
}

/*------------------------------------------------------------------------------
	FOOTER
------------------------------------------------------------------------------*/

.pageTop {
	display:none;
	position:relative;
}
.pageTop a {
	position: fixed;
	right:calc(50% - 490px);
	right: 20px;
	display: block;
	bottom: 0;
	width: 63px;
	height:63px;
	padding:0px;
	z-index:9999;
}
.pageTop a img {
	position: relative;
}

#footNav {
	padding: 20px 10px 50px;
	background: #fff;
}
.fnavBox {
	margin: auto;
	width: 100%;
	max-width: 1040px;
	display: flex;
	align-items: start;
	gap: 70px;
}
.flogo {
	width: 190px;
}
.fcopy {
	font-size: 16px;
}
.footer-link li {
	position: relative;
	font-size: 16px;
}
.footer-link li.cat {
	margin-top: 30px;
}
.footer-link li:before {
	position: absolute;
	content: "";
	display: block;
	top: 7px;
	left: 3px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-left: 9px solid #333;
}
.footer-link li.cat:before {
	top: 6px;
	left: 0;
	width: 14px;
	height: 14px;
	background: #333;
	border: 0px solid transparent;
}
.footer-link a,
.footer-link .nm {
	color: #666;
	padding-left: 18px;
}

.foot-bottom {
	padding: 40px 20px;
	background: #efeeee;
}
.foot-bottom__wrap {
	margin: auto;
	width: 100%;
	max-width: 1040px;
	justify-content: space-between;
	display: flex;
	align-items: end;
}
.ficon ul {
	display: flex;
	justify-content: end;
	gap: 15px;
}
.ficon ul img {
	width: 30px;
}
.foot-bottom .address .admin {
	font-size: 16px;
}
.foot-bottom .address .admin span {
	font-size: 18px;
}
.copyright {
	text-align: right;
	margin-top: 20px;
	font-size: 12px;
}


/*------------------------------------------------------------------------------
	CONTENT
	
#wrap_contents {
	padding: 0 0 65px;
}
------------------------------------------------------------------------------*/
#top_contents {
	text-align: center;
}
#top #top_contents {
	padding: 30px 0 0px;
}
/* 1カラム */
.layout1 #main_contents {
	margin: auto;
	width: 1000px;
	padding: 50px 0;
	box-sizing: border-box;
}
/* 2カラム */
.layout2 #main_contents {
	margin: auto;
	padding: 50px 0;
	width: 650px;
	box-sizing: border-box;
}
#sub_module7 {
	margin-top: 80px;
}



/* トップスライダー
------------------------------------------------------------*/
.slide_container {
	width: 1000px;
	height: 260px;
	margin:auto;
	overflow: hidden;
}
.slide_container li{
	text-align:center;
}
.bx-wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto 0;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img{
	width: 1000px;
}
.bxslider li {
	position: relative;
}
.bxslider li span {
	position: absolute;
	display: block;
	bottom: 0px;
	left: 0px;
	padding: 10px 20px;
	width: 100%;
	font-size: 18px;
	line-height: 1.2;
	text-align: left;
	color: #fff;
	background: rgba(0,0,0,.5);
	box-sizing: border-box;
	z-index: 9999999;
}

/* 装飾 */
.bx-pager {
	text-align: center;
	height: 25px;
}

.bx-controls-direction {
	width: 100%;
}
.bx-controls-direction a,
.bx-pager-item {
	display: inline-block;
}
.bx-pager-item a {
	display: block;
	height: 10px;
	width: 10px;
	text-indent: -9999px;
	background: #666;
	border-radius: 10px;
	margin:10px 2px 0 2px;
}
.bx-pager-item a.active {opacity: 0.3;}
.bx-controls-direction a {
	text-decoration: none;
	color: #666;
	padding:0 5px;
}

/* 追加 */
.slide{transition:all .3s;opacity:0.5;}
.slide.active{ opacity:1;}


.bx-wrapper {
	position: relative;
}
.bx-wrapper .bx-prev {
	display: block;
	z-index: 99999999;
	position: absolute;
	top: 128px;
	left: -30px;
	width: 52px;
	height: 52px;
	text-indent: -9999px;
	background:  url(https://tamatebakonet.fgarden-s.com/files/user/top/btn_l.png) center center no-repeat;
}
.bx-wrapper .bx-next {
	display: block;
	z-index: 99999999;
	position: absolute;
	top: 128px;
	right: -30px;
	width: 52px;
	height: 52px;
	text-indent: -9999px;
	background:  url(https://tamatebakonet.fgarden-s.com/files/user/top/btn_r.png) center center no-repeat;
}

/* 	トップ・サイド 見出し部分 */
.topTi {
	margin: 15px 0;
	background:  url(/files/user/common/images/listtitle_bg.png) center right no-repeat;
	background: transparent;
}
.topTi span {
	position: relative;
	display: inline-block;
	padding: 0px 5px 5px 20px;
	font-size: 17px;
	font-weight: 500;
	line-height: 1;
	color: #996600;
	background: #fff;
}
.topTi span:before {
	position: absolute;
	content: "";
	top: 2px;
	left: 0;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 16px solid #996600;
}

/* 	トップ 新着記事 */

.list01 li {
	margin: 35px 0;
}
.list01 .data li {
	margin: 0;
}
.list01 li a {
	position: relative;
	display: table;
	width: 100%;
	color: #333;
	text-decoration: none;
}

.list01 li .thumbnail ,
.list01 li .item {
	display: inline-block;
	vertical-align: top;
}
.list01 li .item {
	width: 475px;
	padding-left: 18px;
	line-height: 1.33;
}
.list01 li .thumbnail {
	width: 170px;
	height: 145px;
	background-position: center center;
	background-size: 100%;
}
.list01 li .thumbnail img {
	width: 170px;
	height: 145px;
}
.list01 li .item span {
	display: block;
	font-size: 14px;
}
.list01 li .item .tit {
	display: table;
	width: 100%;
	margin: 0 0 5px;
	border-bottom: 1px solid #ccc;
}
.list01 li .item h3,
.list01 li .item .data {
	display: table-cell;
	vertical-align: bottom;
}
.list01 li .item h3 {
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 3px;
	vertical-align: top;
}
.list01 li .item time  {
	display: block;
	margin-bottom: 5px;
	text-align: right;
}
.list02 .item {
	float: left;
	margin: 0 0 35px 0;
	width: 305px;
}
.list02 .item:nth-child(2n-1) {
	margin-right: 40px;
}
.list02 .item a {
	position: relative;
	display: block;
	width: 100%;
	line-height: 1.33;
	color: #333;
	text-decoration: none;
}
.list02 .item .thumbnail  {
	background-position: center center;
	background-size: 100%;
}
.list02 .item .thumbnail {
	width: 305px;
	height: 145px;
}
.list02 .data1  {
	padding: 10px 0;
	float: right;
}
.list02 h3  {
	margin-bottom: 5px;
	clear: both;
	font-size: 18px;
	font-wight: 500;
}
.list02 h3 span {
	font-size: 14px;
	display: block;
}




.topList01 li {
	margin: 35px 0;
}
.topList01 .data li {
	margin: 0;
}
.topList01 li a {
	position: relative;
	display: table;
	width: 100%;
	color: #333;
	text-decoration: none;
}

.topList01 li .thumbnail ,
.topList01 li .item {
	display: table-cell;
	vertical-align: top;
}
.topList01 li .item {
	width: 475px;
	padding-left: 18px;
	line-height: 1.33;
}
.topList01 li .thumbnail {
	width: 170px;
	height: 145px;
	background-position: center center;
	background-size: 100%;
}
.topList01 li .thumbnail img {
	width: 170px;
	height: 145px;
}
.topList01 li .item span {
	display: block;
	font-size: 14px;
}
.topList01 li .item .tit {
	width: 100%;
	margin: 0 0 5px;
	border-bottom: 1px solid #ccc;
}
.topList01 li .item h3 {
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 3px;
	vertical-align: top;
}
.topList01 li .item p {
	font-size: 14px;
}
.topList01 li time  {
	padding: 0 0 5px 5px;
	text-align: right;
	white-space: nowrap;
}
.topList01 .data {
	display: table;
	margin-bottom: 3px;
	width: 100%;
}
.topList01 .data h3,
.topList01 .data time {
	display: table-cell;
	vertical-align: top;
}
.topList01 .cat,
.topList02 .cat {
	margin: 0 0 0 5px;
	padding: 2px 5px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	background: #ffd619;
}



.list03 li {
	float: left;
	margin: 0 0 30px 0;
}
.list03 .item:nth-child(2n) {
	width: 320px;
}
.list03 .item:nth-child(2n-1) {
	width: 330px;
}
.list03 li a {
	position: relative;
	display: block;
	width: 305px;
	color: #333;
	text-decoration: none;
}
.list03 li .thumbnail ,
.list03 li h3 {
	display: inline-block;
	vertical-align: top;
}
.list03 li .thumbnail {
	width: 120px;
	height: 85px !important;
	background-color: #ccc;
	background-position: center center;
	background-size: 100%;
}
.list03 li .thumbnail img {
	width: 120px;
	height: 85px !important;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.list03 li h3 {
	padding: 0 0 0 10px;
	width: 175px;
	font-size: 14px;
	line-height: 1.33;
	color: #333;
	box-sizing: border-box;
}


/* 	記事詳細 タイトル部分 */

#main_module .titleArea {
	width: 100%;
	border-bottom: 10px solid #ffd619;
}
#main_module .titleArea .cat {
	display: flex;
	justify-content: end;
	margin-top: 0.5em;
	gap: 20px;
}
#main_module .titleArea h1 {
	padding-left: 5px;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.35;
}
#main_module .titleArea span {
	display: block;
	font-size: 18px;
	min-width: 5em;
}
#main_module .titleArea .cat li,
.listtbl li .item .cat {
	display: table;
}
#main_module .titleArea .cat li span,
.listtbl li .item .cat span {
	display: table-cell;
	font-size: 16px;
	vertical-align: bottom;
}
#main_module .titleArea .cat li span a,
.listtbl li .item .cat span a {
	color: #333;
}
#main_module .titleArea .cat .hl,
.listtbl li .item .cat .hl {
	padding: 5px 5px 2px 0;
	font-size: 12px;
	color: #996600;
	white-space: nowrap;
	min-width: 3em;
}
/*
#main_module .titleArea .cat,
.listtbl li .item .cat  {
	padding-right: 20px;
	width: 10%;
	white-space: nowrap;*/
}
.listtbl li .item .cat2 li {
	display: inline-block;
	min-width: 40%;
}

.listtbl li .item .data.data2 {
	margin-bottom: 0;
}




.data1 {
	margin: 0 0 10px;
	display: table;
}
#top .data1 {
	float: right;
	margin-right: -5px;
	margin-bottom: 5px;
	border-collapse: separate;
	border-spacing:  5px 0;
}

.data1 time {
	display: table-cell;
	vertical-align: middle;
}
.data1 time {
	padding-right: 15px;
	font-size: 14px;
	line-height: 1;
}
.data1 .cat a {
	display: block;
	padding: 4px 5px;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	background: #996600;
}
.data1 .cat a:hover {
	text-decoration: none;
	color: #fff;
	background: #996600;
}


/* 	記事詳細 本文部分 */

.layout2 .mainbox {
	width: 650px;
}
.iconList {
	padding: 5px 0 10px;
	text-align: right;
}
.iconList img {
	display: inline-block;
	margin-left: 5px;
	vertical-align: top;
}
.mainbox {
	margin: 20px 0;
	clear: both;
}
.layout2 .mainbox,
.layout2 .mainbox p,
.layout2 .mainbox span {
	font-size: 15px;
}
.mainbox h2 {
	clear: both;
	margin: 50px 0 20px;
	padding: 0 0 0 20px;
	font-size: 18px;
	line-height: 1.25;
	border-left: 7px solid #ffd619;
}
.mainbox.original h2 {
	margin: 40px 0 20px;
}
.mainbox h3 {
	margin: 30px 0 10px;
	padding: 0 0 0 20px;
	font-size: 16px;
	line-height: 1.25;
	color: #996600;
	border-left: 7px solid #ffd619;
}
.mainbox p {
	margin: 20px 0;
}
.mainbox .photo {
	margin: 30px 0;
	text-align: center;
}
.mainbox .photo p {
	margin: 5px 0;
	font-size: 12px;
	text-align: right;
}
.mainbox img {
	margin: 0 0 5px;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 650px;
}
.infoArea {
	display: flex;
	gap: 40px;
}
.layout2 .infoArea {
	flex-wrap: wrap;
}
.infoArea.head {
	margin: 30px auto;
	display: table;
}
.infoArea .infoBox .info {
	width: 500px;
/*	border-top: 1px solid #ccc; */
	border-collapse:collapse;
}
.infoArea .map {
}
.infoArea .map iframe {
	width: 500px;
	height: 350px;
}

.priceArea th,
.priceArea td,
.infoArea th,
.infoArea td {
	border-bottom: 1px solid #ccc;
}
.priceArea tr,
.infoArea tr {
	border-top: 1px solid #ccc;
}
.priceArea th,
.infoArea th {
	white-space: nowrap;
}
.priceArea table {
	width: 320px;
	border-collapse: collapse;
}
.priceArea th,
.infoArea .infoBox .info th {
	padding: 5px 8px 5px 8px;
	line-height: 1.35;
	text-align: left;
}
.infoArea .infoBox .info th {
	color: #996600;
}
.priceArea td,
.infoArea .infoBox .info td {
	padding: 5px 8px 5px 8px;
	line-height: 1.35;
}
.priceArea td {
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
}
.priceArea {
	margin-top: 30px;
	display: table;
}
.priceArea table {
	border-collapse: collapse;
}
.priceArea .price1,
.priceArea .price2 {
	display: table-cell;
	width: 325px;
	width: 340px;
	vertical-align: top;
}
.priceArea .price2 h4,
.priceArea .price2 table {
	float: right;
}
.priceArea h4 {
	margin-top: 50px;
	width: 320px;
	padding-left: 7px;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.125;
	border-left: 7px solid #699;
	color: #ffd619;
	box-sizing: border-box;
}


/* 	記事一覧 */
.page_links {
	display: table;
	margin: 30px auto 10px;
	border-collapse:collapse;
}

.pager {
	display: table;
	margin: 10px auto 50px;
	border-collapse:collapse;
}

/* 記事一覧ページナビ */

.page_links .summary,
.page_links .current,
.page_links a,
.pager .summary,
.pager .current,
.pager a {
	display: table-cell;
	padding: 5px 10px;
	color: #333;
	text-decoration: none;
	border: 1px solid #999;
}
.pager a:hover {
	color: #000;
	background: #eee;
	border: 1px solid #333;
}
.pager .current {
	background: #ccc;
	border: 1px solid #999;
}

.subNav {
	margin: 50px 0;
}
.subNav li,
.anchorLink li {
	display: inline-block;
	margin: 0 15px 15px 0;
}
.subNav li a,
.anchorLink li a {
	display: block;
	padding: 5px 20px 5px 40px;
	color: #666;
	background: #efefef url(/files/user/common/images/ico_tag.png) 5px 5px no-repeat;
}
.subNav li a:hover,
.anchorLink li a:hover {
	text-decoration: none;
	background-color: #d1e4e1;
}


/* 	インスタ instaFeed.js */

#instafeed {
	padding: 2px 0;
}
#instafeed li {
float:left;
	padding: 2px 1px 2px 2px;
	width: 50%;
	text-align: center;
	box-sizing: border-box;
}
#instafeed li:nth-child(even) {
	padding: 2px 2px 2px 1px;
}
#instafeed li img {
	width: 149px;
	height: 149px;
}





/* 	問い合わせ　メルマガ*/

.magazine_detail h2,
.inquiry_detail h2 {
	margin: 0 0 30px;
	padding: 0 0 3px;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.2;
	border-bottom: 2px solid #ccc;
}
.magazine_detail h2 span,
.inquiry_detail h2 span {
	display: block;
	border-left: 4px solid #ccc;
	padding: 0 0 0 15px;
}

#inquiry_div_name,
#inquiry_div_mail,
#inquiry_div_type,
#inquiry_div_email,
#inquiry_item_title_mail2,
#inquiry_div_message,
#inquiry_div_ext_title_01,
#inquiry_div_ext_title_02,
#inquiry_div_ext_title_03,
#inquiry_div_ext_title_04,
#inquiry_div_ext_title_05,
#inquiry_div_ext_title_06,
#inquiry_div_ext_title_07,
#inquiry_div_ext_title_08,
#inquiry_div_ext_title_09,
#inquiry_div_ext_title_10 {
	padding: 0 0 0 10px;
	font-weight: 700;
	border-left: 10px solid #ffd619;
}
.input_form {
	margin: 10px 0 30px;
}
.input_form label {
	display: inline-block;
	margin: 0 70px 10px 0;
}
#inquiry_p_ext_title_02 {
	width: 550px;
}
.input_form label input[type=radio] {
	margin-right: 10px;
}
.input_form textarea,
.input_form input[type="text"]{
	width: 100%;
	padding: 5px;
	font-size: 14px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.input_form textarea {
	height: 200px;
}
.required {
	padding: 3px 10px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	background: #f00;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
}
#inquiry_item_button_confirm,
#inquiry_item_button_send {
	margin: 20px auto;
	display: table;
	padding: 20px 100px;
	font-size: 20px;
	line-height: 1;
	letter-spacing: 10px;
	text-align: center;
	color: #fff;
	background: #999;
	border: 0px;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
}
 input[type="button"]#inquiry_item_button_confirm {
	display: none;
}
.reg .mail {
	display: table;
}
.reg .mail label {
	padding:0 15px 0 0;
	display: table-cell;
	vertical-align: middle;
}
.reg .mail #mail_address {
	padding: 5px;
	display: table-cell;
	font-size: 15px;
	border :1px solid #ccc;
	vertical-align: middle;
}
.reg .btn {
	margin: auto;
	display: table;
}
.reg .btn span {
	padding: 20px 10px;
	display: table-cell;
}

.reg .btn #sub,
.reg .btn #cancel {
	display: block;
	padding: 10px 30px;
	font-size: 20px;
	line-height: 1;
	color: #fff;
	background: #999;
	border: 0px;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
}
.reg .btn #cancel {
	background: #bbb;
}

.errtable {
	background: #f00;
	margin: 0 auto 80px;
	padding: 20px;
}
.errmsg {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
.errtable li {
	color: #fff !important;
}
.input_form_header {
	margin: 80px 0;
}



ul.disc li {
	list-style-type: disc;
	margin: 0 0 5px 20px;
}
ol.num li {
	list-style-type: decimal;/* 算用数字 */
	margin: 0 0 0 20px;
}



/* プライバシーポリシー */

#main_module .policy dt {
	margin: 0 0 13px;
	padding: 8px 10px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	color: #a0011b;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #f3ebf3;
}
#main_module .policy dd {
	margin: 0 0 30px 30px;
}

ul.disc {
	margin: 5px 0;
	padding: 0 0 0 20px;
}
ul.disc li {
	list-style-type: disc;
}

/* カテゴリトップ 記事一覧 */
#main_contents .cate h1,
#main_contents .cate h2,
#main_module .cate h1,
#main_module .cate h2 {
	padding: 0 25px 3px;
	margin: 0 0 30px;
	font-size: 24px;
	font-weight: 600;
	color: #044f44;
	background: url(/files/user/common/images/h1_bg.png) bottom left repeat-x;
}

#sub_module4 .cate h1,
#sub_module4 .cate h2,
#sub_module7 .cate h1,
#sub_module7 .cate h2 {
	padding: 0 25px 0px;
	margin: 0 0 30px;
	font-size: 20px;
	font-weight: 600;
	color: #044f44;
	border-bottom: 8px solid #ffd619;
}



.listtbl li {
	margin: 35px 0;
}
.listtbl li a {
	position: relative;
	display: table;
	width: 100%;
	color: #333;
	text-decoration: none;
}
.listtbl li a p,
.list01 li a p,
.list02 li a p {
	font-size: 14px;
	line-height: 1.43;
}
.listtbl li .thumbnail ,
.listtbl li .item {
	display: table-cell;
	vertical-align: top;
}
.listtbl li .thumbnail {
	width: 188px;
	min-width: 188px;
	max-width: 188px;
}
.listtbl li .thumbnail img {
	width: 170px;
}
.listtbl li .item h2 {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.35;
}
.listtbl li .item span {
	display: block;
	font-size: 14px;
}
.listtbl li .item .data {
	display: table;
	width: 100%;
	margin: 0 0 5px;
	border-bottom: 1px solid #ccc;
}

/*
.module_contents.month .listtbl li .item .data {
	border-bottom: 0px solid #ccc;
}
.module_contents.month .listtbl > li  {
	border-bottom: 1px solid #ccc;
}
.module_contents.month .listtbl > li p {
	padding: 0 0 5px;
	font-weight: 700;
}
#topics_list26 .listtbl li .item h2 {
	font-size: 17px;
}
*/


#topics_list10 .listtbl li .item .data {
	margin-top: 20px;
	border-bottom: 0px solid #ccc;
}
#topics_list10 .listtbl li .item h2 span{
	margin-top: 25px;
	font-size: 16px;
	font-weight: 400;
}

.listtbl li .item .data time,
.listtbl li .item .data .cat {
	width: 50%;
	display: table-cell;
	vertical-align: bottom;
}

.listtbl li .item li {
	margin: 0;
}

.listtbl li .item time {
	font-size: 14px;
}

.listtbl li a:hover:after,
.list01 li a:hover:after,
.list02 li a:hover:after,
.list03 li a:hover:after {
	position: absolute;
	display: block;
	content: "";
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-right: 10px solid #ccc;
	border-bottom: 10px solid #ccc;
}



/* 旧インタビュー */

#topics_detail10 .interviewBox{
	width:650px;
	margin:30px auto;
}
#topics_detail10 .subti{
	background:#d1e4e1;
	padding:13px 20px;
	margin-bottom:30px;
}
#topics_detail10 .subti h2{
	color: #996600;
	font-size:24px;
	font-weight:normal;
	line-height:1.1;
	text-align:left;
	padding:0;
	margin:0 0 10px;
}
#topics_detail10 .subti h2 span{
	color: #996600;
	font-size:20px;
	font-weight:normal;
	line-height:1.1;
}
#topics_detail10 .subti h3{
	color:#333333;
	font-size:18px;
	font-weight:normal;
	line-height:1.3;
	text-align:right;
	padding:0;
	margin:0;
}
#topics_detail10 p.lead{
	color:#333333;
	font-size:15px;
	font-weight:normal;
	line-height:1.6;
	text-align:left;
	padding:0 0 0 20px;
	margin:0;
}
#topics_detail10 .hen{
	margin:30px 0 10px 0;
	padding:0 5px;
}
#topics_detail10 .hen p{
	margin:0;
}
#topics_detail10 .hen p.que{
	background:#979758;
	width:70px;
	margin:0 10px 2px 0;
	color:#fff;
	font-size:12px;
	line-height:1.2;
	font-weight:normal;
	text-align:center;
	float:left;
	padding:3px 0;
}
#topics_detail10 .per1{
	padding:0 5px;
}
#topics_detail10 .per1 p{
	margin:0;
	line-height:1.6;
}
#topics_detail10 .per1 p.name{
	background:#cc6666;
	width:70px;
	margin:0 10px 5px 0;
	color:#fff;
	font-size:13px;
	line-height:1.2;
	font-weight:normal;
	letter-spacing:2px;
	text-indent:2px;
	text-align:center;
	float:left;
	padding:15px 0;
}
#topics_detail10 .per1 p.name2{
	background:#ef9f9f;
	width:70px;
	margin:0 10px 5px 0;
	color:#fff;
	font-size:13px;
	line-height:1.2;
	font-weight:normal;
	letter-spacing:2px;
	text-indent:2px;
	text-align:center;
	float:left;
	padding:15px 0;
}
#topics_detail10 .per1 p.name3{
	background:#e0a0b8;
	width:70px;
	margin:0 10px 5px 0;
	color:#fff;
	font-size:13px;
	line-height:1.2;
	font-weight:normal;
	letter-spacing:2px;
	text-indent:2px;
	text-align:center;
	float:left;
	padding:15px 0;
}


#topics_detail10 .per1 p.name4{
	background:#996666;
	width:70px;
	margin:0 10px 5px 0;
	color:#fff;
	font-size:13px;
	line-height:1.2;
	font-weight:normal;
	letter-spacing:2px;
	text-indent:2px;
	text-align:center;
	float:left;
	padding:15px 0;
}



#topics_detail10 .per1 p.line1{
	padding-top:12px;
}
#topics_detail10 .per1 p.line2{
	padding-top:3px;
}
#topics_detail10 .cap{
	text-align:center;
	padding:5px 0 10px;
}
#topics_detail10 .cap span{
	font-size:12px;
	line-height:1.2;
	color:#666633;
	border-bottom:1px solid #666633;
}

#topics_detail10 .interviewBox h4{
	color:#cc0000;
	font-size:15px;
	font-weight:bold;
	border-left:15px solid #cc0000;
	padding:0 10px;
	line-height:1;
	margin:0 0 15px;
}

#topics_detail10 .interviewBox  th.prof{
	border-bottom:1px solid #cccc99;
	padding:10px 0 5px;
	text-align:left;
}

#topics_detail10 .interviewBox  th.prof strong{
	font-size:16px;
}


#topics_detail10 .townBox{
	width:650px;
	margin:30px auto;
}
#topics_detail10 .subti{
	background:#d1e4e1;
	padding:13px 20px;
	margin-bottom:30px;
}
#topics_detail10 .subti h2{
	color: #996600;
	font-size:24px;
	font-weight:normal;
	line-height:1.1;
	text-align:left;
	padding:0;
	margin:0;
}
#topics_detail10 .subti h2 span{
	color: #996600;
	font-size:20px;
	font-weight:normal;
	line-height:1.1;
}
#topics_detail10 .subti h3{
	color:#333333;
	font-size:18px;
	font-weight:normal;
	line-height:1.3;
	text-align:right;
	padding:0;
	margin:0;
}





#topics_detail12 .eventBox{
	width:670px;
	margin:30px auto;
}
#topics_detail12 .subti{
	background:#d1e4e1;
	padding:13px 20px;
	margin-bottom:30px;
}
#topics_detail12 .subti h2{
	color:#ffd619;
	font-size:24px;
	font-weight:normal;
	line-height:1.1;
	text-align:left;
	padding:0;
	margin:0 0 10px;
}
#topics_detail12 .subti h2 span{
	color:#ffd619;
	font-size:20px;
	font-weight:normal;
	line-height:1.1;
}
#topics_detail12 .subti h3{
	color:#333333;
	font-size:18px;
	font-weight:normal;
	line-height:1.3;
	text-align:right;
	padding:0;
	margin:0;
}
#topics_detail12 table{
	border-collapse:separate;
}

#topics_detail12 .eventdata{
	width:350px;
	float:left;
}
#topics_detail12 #map{
	width:300px;
	float:right;
}
#topics_detail12 .eventdata table,
#topics_detail12 .eventdata2 table{
	border-collapse:separate;
	width:350px;
	margin-bottom:10px;
	border:1px solid #ffd619;
}
#topics_detail12 .eventdata table th,
#topics_detail12 .eventdata2 table th{
	background:#d1e4e1;
	padding:3px 5px;
	width:100px;
	text-align:center;
	font-weight:normal;
}
#topics_detail12 .eventdata table th.sname,
#topics_detail12 .eventdata2 table th.sname{
	background:#ffd619;
	color:#fff;
	font-size:110%;
	padding:5px 10px;
	text-align:left;
	font-weight:normal;
	border-bottom:5px solid #fff;
}


/* えくてびあん */
#topics_list27 .jpArea,
#topics_detail27 .jpArea {
	float: left;
	width: 375px;
}
#topics_list27 .mainbox p,
#topics_detail27 .mainbox p {
	margin-top: 0;
}
#topics_list27 .lastPdf,
#topics_detail27 .lastPdf {
	display: block;
	margin: auto;
	width: 248px;
}
#topics_list27 .lastPdf a,
#topics_detail27 .lastPdf a {
	display: block;
}
#topics_list27 .lastPdf a img,
#topics_detail27 .lastPdf a img {
	display: block;
	margin: 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
#topics_list27 .lastPdf a .tit,
#topics_detail27 .lastPdf a .tit {
	display: block;
	position: relative;
	font-size: 18px;
	text-align: center;
	background: ##ffd619;
}
#topics_list27 .lastPdf a .tit:before,
#topics_detail27 .lastPdf a .tit:before {
	display: inline-block;
	position: relative;
	content: "";
	top: 2px;
	width: 0;
	height: 0;
	margin-right: -3px;
	border: 8px solid transparent;
	border-left: 10px solid #fff;
}
#topics_list27 .monthly li,
#topics_detail27 .monthly li {
	float: left;
	width: 200px;
	height: 350px;
	text-align: center;
	box-sizing: border-box;
}
#topics_list27 .monthly li img,
#topics_detail27 .monthly li img {
	border: 1px solid #ccc;
}
#topics_list27 .monthly li:nth-child(3n-1),
#topics_detail27 .monthly li:nth-child(3n-1) {
	margin: 0 25px;
}
#topics_list27 #sub_module4 .mainbox h2,
#topics_detail27 #sub_module4 .mainbox h2 {
	position: relative;
	padding: 0;
	line-height: 1;
	font-weight: 400;
	border: 0px;
	border-bottom: 4px solid #ffd619;
}
#topics_list27 #sub_module4 .mainbox h2 span,
#topics_detail27 #sub_module4 .mainbox h2 span {
	position: relative;
	display: block;
	padding: 0 0 0 15px;
	margin-bottom: 8px;
	font-size: 18px;
	line-height: 1;
	border-left: 7px solid #ffd619;
}
#topics_list27 #sub_module4 .mainbox h2:before,
#topics_detail27 #sub_module4 .mainbox h2:before {
	position: absolute;
	display: block;
	content: "";
	top: -5px;
	left: 95px;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	border: 1px solid #ffd619;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

#topics_list27 #sub_module4 .mainbox h2 span:before,
#topics_list27 #sub_module4 .mainbox h2 span:after,
#topics_detail27 #sub_module4 .mainbox h2 span:before,
#topics_detail27 #sub_module4 .mainbox h2 span:after {
	position: absolute;
	display: block;
	content: "";
	width: 0;
	height: 0;
}
#topics_list27 #sub_module4 .mainbox h2 span:before,
#topics_detail27 #sub_module4 .mainbox h2 span:before {
	top: 1px;
	left: 96px;
	border: 9px solid transparent;
	border-left: 15px solid #ffd619;
}
#topics_list27 #sub_module4 .mainbox h2 span:after,
#topics_detail27 #sub_module4 .mainbox h2 span:after {
	top: 1px;
	left: 96px;
	border: 9px solid transparent;
	border-left: 5px solid #fff;
}
#topics_list27 #sub_module4 .mainbox h2.active span:before,
#topics_detail27 #sub_module4 .mainbox h2.active span:before {
	top: 4px;
	left: 94px;
	border: 9px solid transparent;
	border-top: 15px solid #ffd619;
}
#topics_list27 #sub_module4 .mainbox h2.active span:after,
#topics_detail27 #sub_module4 .mainbox h2.active span:after {
	top: 4px;
	left: 94px;
	border: 9px solid transparent;
	border-top: 5px solid #fff;
}


/* module ボタン  */

.mod_btn01 {
	display: table;
	margin: 0 auto 30px;
}
.mod_btn01 a {
	position: relative;
	display: table-cell;
	padding: 15px 15px 16px 30px;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background: #996600;
}
.mod_btn01 a:hover {
	text-decoration: none;
	color: #fff;
	background: #b59823;
}
.mod_btn01 a:before {
	position: absolute;
	display: block;
	content: "";
	width:0;
	height: 0;
	top: 17px;
	left: 15px;
	border: 5px solid transparent;
	border-left: 10px solid #fff;
}


/* 味覚 */


.timeline{
	position:relative;
	width:100%;
	background:#fff url(https://tamatebakonet.fgarden-s.com/files/user/mikaku/tl_line.gif) top center repeat-y;
}

.timeline .boxL{
	width:346px;
	background:url(https://tamatebakonet.fgarden-s.com/files/user/mikaku/tl_l.png) center right no-repeat;
}
.timeline .boxLb{
	width:346px;
	background:url(https://tamatebakonet.fgarden-s.com/files/user/mikaku/tl_l2.png) bottom right no-repeat;
}
.timeline .boxLt{
	width:346px;
	background:url(https://tamatebakonet.fgarden-s.com/files/user/mikaku/tl_l3.png) top right no-repeat;
}

.timeline .boxL .tlBox,
.timeline .boxLb .tlBox,
.timeline .boxLt .tlBox{
	margin-right:75px;
	border:3px solid #336600;
	border-right:0px solid #336600;
	background:#edf2c7;
	padding:10px;
}

.timeline .boxR{
	width:346px;
	background:url(https://tamatebakonet.fgarden-s.com/files/user/mikaku/tl_r.png) center left no-repeat;
}
.timeline .boxRb{
	width:346px;
	background:url(https://tamatebakonet.fgarden-s.com/files/user/mikaku/tl_r2.png) bottom left no-repeat;
}
.timeline .boxRt{
	width:346px;
	background:url(https://tamatebakonet.fgarden-s.com/files/user/mikaku/tl_r3.png) top left no-repeat;
}

.timeline .boxR .tlBox,
.timeline .boxRb .tlBox,
.timeline .boxRt .tlBox{
	margin-left:75px;
	border:3px solid #336600;
	border-left:0px solid #336600;
	background:#edf2c7;
	padding:10px;
}

.timeline .date{
	border-left:10px solid #336600;
	color:#336600;
	line-height:1.2;
	margin-bottom:7px;
	padding:2px 0 0px 5px;
	letter-spacing:1px;
}
.timeline .date span{
	font-size:11px;
}


/* お店検索画面 */
.shop-search {
	margin: 30px 0 0;
	padding: 10px 0 30px 10px;
	border: 2px solid #ffd619;
}
.shop-search .searchList01 li {
	float: left;
	display: table;
}

.shop-search .searchList01 li.l1 {
	width: 45%;
}
.shop-search .searchList01 li.r1 {
	width: 50%;
}

.shop-search .searchList01 li .hl,
.shop-search .searchList01 li .inputArea {
	display: table-cell;
	height: 55px;
	vertical-align: middle;
}
.shop-search .searchList01 li .hl1 {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
}
.shop-search .searchList01 li .hl2 {
	width: 120px;
	min-width: 120px;
	max-width: 120px;
}
.shop-search .searchList01 .l1 .inputArea {
	width: 205px;
	min-width: 205px;
	max-width: 205px;
	padding-right: 15px;
	box-sizing: border-box;
}
.shop-search .searchList01 .l2 .inputArea {
	width: 205px;
	min-width: 205px;
	max-width: 205px;
}
.shop-search .hl {
	position: relative;
	font-size: 15px;
	letter-spacing: 0;
	white-space: nowrap;
}
.shop-search .hl:before {
	position: relative;
	display: inline-block;
	content: "";
	width: 10px;
	height: 10px;
	background: #333;
	margin-right: 3px;
}
.shop-search .field {
	width: 100%;
	height: 36px;
	background: #e6e6e6;
	box-sizing: border-box;
	border: 0px;
}
.check,
.check .icList ul {
	display: table;
}
.check .hl,
.check .icList,
.check .icList li {
	display: table-cell;
	vertical-align: middle;
}
.check {
	margin-top: 20px;
}
.check .hl {
	padding-bottom: 30px;
}
.check .icList li {
	width: 65px;
	vertical-align: top;
	text-align: center;
}
.check .icList li img {
	display: block;
	margin: 0 auto;
}
.sbtnWrap {
	position: relative;
	margin: -20px 0 80px;
	text-align: center;
}

.shop-search select {
	padding: 5px 10px;
	width: 100%;
	height: 36px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #e6e6e6;
	box-sizing: border-box;
	border: 0px !important;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.notice {
	position: relative;
}
.notice a {
	position: relative;
	margin: 30px 50px 0;
	display: block;
	padding: 30px;
	font-size: 50px;
	text-align: center;
	color: #fff;
	background: #ffd619;
	z-index: 999999999;
}


/* トップFV */

#top #top_contents {
	padding-top: 0;
}
.fv {
	position: relative;
	background: #fef6d5;
	background: #fff0bc;
	height: 1064px;
	height: 1040px;
}

.fv .ill {
	position: absolute;
	top: 0;
	left: calc(50% - 700px);
	width: 1400px;
}
@media (max-width: 1400px) {
	.fv {
		height: 74.2vw;
	}
	.fv .ill {
		left: 0;
		width: 100%;
	}
}

.fv .fv-item {
	position: absolute;
	width: 260px;
}
.fv-item a {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 18px;
	color: #000;
	width: 260px;
	border: 6px solid #fff;
	border-radius: 10px;
	box-shadow: 10px 10px 0px 0px rgba(9, 2, 5, 0.5);
	background: #fff;
	box-sizing: border-box;
	text-decoration: none;
	animation: floating-y 1s ease-in-out infinite alternate-reverse;
}
.fv-item a::after {
	position: absolute;
	content: "";
	top: -6px;
	left: -6px;
	width: 130px;
	height: 222px;
	border: 6px solid #fff;
	border-right: 0px solid #f00;
	border-radius: 10px;
	box-sizing: border-box;
}
@keyframes floating-y {
  0% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(5%);
  }
}


.fv-item__img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 130px;
	max-width: 130px;
	height: 210px;
	overflow: hidden;
}
.fv-item__img img {
	display: block;
	min-height: 210px;
	max-width: 210px;
}
.fv-item__text {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 130px;
	min-width: 130px;
	padding: 15px 5px;
	min-height: 170px;
	box-sizing: border-box;
}
.fv-item a .new-ico {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -15px;
	right: -15px;
	border: 2px solid #fff;
	border-radius: 5px;
	width: 85px;
	height: 47px;
	white-space: nowrap;
	letter-spacing: -0.05em;
	text-align: center;
	font-size: 20px;
	color: #333;
	background: #ffcc33;
	box-sizing: border-box;
}


.fv .fv-item.item01 {
	top: 120px;
	left: calc(50% + 400px);
}
.fv .fv-item.item02 {
	top: 300px;
	left: calc(50% - 350px);
}
.fv .fv-item.item03 {
	bottom: 50px;
	left: calc(50% - 400px);
}
.fv .fv-item.item04 {
	bottom: 200px;
	left: calc(50% + 350px);
}
.fv .fv-item.item02 a {
	animation-delay: -0.5s;
}
.fv .fv-item.item03 a {
	animation-delay: -1.5s;
}
.fv .fv-item.item04 a {
	animation-delay: -1.2s;
}
@media (max-width: 1400px) {
	.fv .fv-item.item01 {
		left:auto;
		right: 1%;
	}
	.fv .fv-item.item04 {
		left:auto;
		right: 2%;
	}
}


.layout2 #top #main_contents {
	float: left;
	padding-top: 30px;
	padding-bottom: 0 !important;
	width: 760px;
	text-align: left;
	box-sizing: border-box;
}
#top #sub_module3 {
	position: relative;
	width: 760px;
	padding: 30px 30px 30px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: #dce5c4;
	box-sizing: border-box;
}
#top #sub_module3::before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	width: 200vw;
	left: -200vw;
	background: #dce5c4;
}


#top #sub_module4 {
	position: relative;
	width: 760px;
	padding: 0 30px 30px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: #f7ebbb;
	box-sizing: border-box;
}
#top #sub_module4::before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	width: 200vw;
	left: -200vw;
	background: #f7ebbb;
}


#top #sub_module3 #contents1001,
#top #sub_module3 #contents1002 {
	width: 100%;
}

#top #sub_module3 #contents1001178,
#top #sub_module3 #contents1001967,
#top #sub_module3 #contents1001954,
#top #sub_module3 #contents1001955 {
	width: 340px;
}
.top-headline {
	position: relative;
	display: flex;
	align-items: center;
	color: #666;
	font-size: 24px;
	gap: 15px;
}
.top-headline::before {
	position: absolute;
	content: "";
	top: calc(50% - 25px);
	left: 0;
	right: 0;
	height: 50px;
	background: rgba(255,255,255,0.6)
}
.top-headline img {
	position: relative;
	display: flex;
	align-items: center;
	width: 105px;
}
.top-headline span {
	position: relative;
}
.top-item .top-item__head {
	white-space: nowrap;
	line-height: 1.4;
}
.top-item .top-item__img {
	max-width: 200px;
	min-width: 200px;
}
.top-item-small .top-item__img {
	min-width: 140px;
	width: 140px;
	max-width: 140px;
}
#sub_module3 .top-item-small .top-item__img a,
.top-item-small .top-item__img a {
	display: flex;
	align-items: start;
	justify-content: center;
	min-width: 140px;
	max-width: 140px;
	width: 140px;
	height: 160px;
	overflow: hidden;
}
#sub_module3 .top-item-small .top-item__img a img {
	max-width: 500px;
	width: auto;
	height: 160px;
	max-height: 160px;
}
.top-item .top-item__head small {
	margin-top: 8px;
	display: block;
	line-height: 1.4;
}
.top-item {
	margin-bottom: 30px;
	display: flex;
	background: #fff;
	gap: 15px;
	padding: 20px;
	width: 100%;
	box-sizing: border-box;
}
#contents1001953  .top-item,
#contents1001956 .top-item,
#contents1001957 .top-item,
#contents1001958 .top-item {
	width: 730px;
}

#contents1001956 .top-item .top-item__img ,
#contents1001957 .top-item .top-item__img ,
#contents1001958 .top-item .top-item__img {
	max-width: 200px;
	min-width: 200px;
	width: 200px;
}
#sub_module6 .top-item-small .top-item__img a {
	min-width: 200px;
	max-width: 200px;
	width: 200px;
	height: 200px;
}
#sub_module6 .top-item-small .top-item__img {
	min-width: 200px;
	max-width: 200px;
	width: 200px;
}


.top-item-small {
	margin-bottom: 30px;
	padding: 10px 20px 20px;
	background: #fff;
}
.top-item-small__wrap {
	display: flex;
	gap: 15px;
}
.top-item__date {
	padding: 0 0 5px;
	margin-bottom: 15px;
	text-align: right;
	border-bottom: 1px solid #ccc;
}
.top-item .top-item__head {
	min-width: 200px;
}
.top-item__head h3 {
	margin-bottom: 1.2em;
	font-size: 28px;
	font-weight: 400 !important;
	line-height: 1.5;
	color: #666;
}
.top-item__head h3 small {
	font-size: 24px;
}

.top-item .more,
.top-item-small .more {
	margin-top: 15px;
	display: flex;
	justify-content: end;
}

.top-item {
	position: relative;
}
.top-item  .more  {
	position: absolute;
	bottom: 20px;
	left: 130px;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.top-item .more a,
.top-item-small .more a {
	padding: 2px 8px 2px 25px;
	letter-spacing: 0;
	color: #666;
	text-decoration: none;
	background: #ffd619 url(/files/user/home/ico_read.webp) left center/20px no-repeat;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.top-item .more a:hover,
.top-item-small .more a:hover {
	background-color: #fcc55c;
}
.top-item__text h4 a {
	display: block;
	padding: 10px;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 400 !important;
	color: #333;
	text-decoration: none;
	background: #efeeee;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.top-item__text h4 a:hover {
	background: #dedbdb;
}
.top-item__text h4 a span {
	font-size: 14px;
}



#top #main_module {
	position: relative;
	text-align: left;
	width: 760px;
	padding: 30px 30px 30px 0;
	background: #f7ebbb;
	box-sizing: border-box;
}
#top #main_module::before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	width: 200vw;
	left: -200vw;
	background: #f7ebbb;
}

#top #wrap_contents {
	width: 1040px;
	text-align: left;
}
#top #side_contents_right {
	float: right;
	width: 280px;
	padding-top: 30px;
	padding-left: 40px;
	box-sizing: border-box;
}

#top #sub_module6 {
	position: relative;
	max-width: 1040px;
	margin: auto;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 0;
}
#top #wrap_contents {
	padding-bottom: 0;
}
#top #main_contents {
	padding-bottom: 0;
}

#contents1001965,
#contents1001959,
#contents1001960 {
	position: relative;
	padding: 5px 0 10px;
	background: #dce5c4;
}
#contents1001965 {
	padding-top: 30px;
}

#contents1001965::before,
#contents1001959::before,
#contents1001960::before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: -100vw;
	right: -100vw;
	background: #dce5c4;
	z-index: -1;
}

#contents1001966,
#contents1001961,
#contents1001962,
#contents1001979,
#contents1001980 {
	position: relative;
	padding: 1px 0 1px;
	background: #f7ebbb;
}
#contents1001966::before,
#contents1001961::before,
#contents1001962::before,
#contents1001979::before,
#contents1001980::before  {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: -100vw;
	right: -100vw;
	background: #f7ebbb;
	z-index: -1;
}
.layout2 #top {
	overflow: hidden;
}

#top #sub_module7 {
	margin-top: 0;
}

#contents1001965,
#contents1001966 {
	padding-top: 30px;
	padding-bottom: 20px;
}

#contents1001979,
#contents1001980 {
	padding-bottom: 50px;
}


#contents1001959,
#contents1001960,
#contents1001961,
#contents1001962,
#contents1001979,
#contents1001980  {
	position: relative;
	width: 505px;
}


#sub_module6 .top-item {
	position: relative;
}

#contents1001965 .top-headline,
#contents1001966 .top-headline {
	width: 1040px;
}
.top-item__head02 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 5px;
	margin-bottom: 15px;
}
.top-item__head02  h3 {
	font-size: 28px;
	font-weight: 400 !important;
	line-height: 1.5;
	color: #666;
}
.top-item__date.is-mt {
	margin-top: 10px;
}

.top-item2 a {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 20px;
	gap: 50px;
	background: #fff;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.top-item2 a:hover {
	background: #fff9e0;
}
.top-item2 .top-item__img {
	width 130px;
	max-width: 130px;
}
#contents1001963 {
	width: 100%;
	margin-bottom: 30px;
}

.top-comic {
	width: 240px;
	margin-bottom: 30px;
}

.topics_category_list h2,
.top-comic h4 {
	margin-bottom: 15px;
	padding: 20px;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	color: #333;
	background: #ffd619;
}

.topics_category_list h2 {
	padding: 10px 20px;
}
.top-comic img {
	display: block;
	margin: 5px 0;
	border: 2px solid #666;
}

.top-blog a {
	padding: 20px;
	display: block;
	text-align: center;
	background: #e1c3c3;
	text-decoration: none;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.top-blog a:hover {
	background: #f1dcdc;
}
.top-blog h4 {
	margin-top: 15px;
	font-size: 20px;
	line-height: 1;
	color: #999;
}
.top-blog-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.top-blog-ico {
	width:46px;
}
.top-blog-pic {
	width:130px;
	height: 90px;
	display: flex;
	align-items: center;
	overflow: hidden;
}



.top-about a {
	margin-top: 40px;
	margin-bottom: 40px;
	display: block;
	padding: 20px 1px;
	background: #d9d6ea;
	text-decoration: none;
	text-decoration: none;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.top-about a:hover {
	background: #efeeee;
}
.top-about-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.top-about-wrap img {
	width: 67px;
}

.top-about-wrap h4 {
	font-size: 18px;
	line-height: 1.5;
	color: #666;
	text-align: center;
	letter-spacing: 0;
}



.top-ecoutezbien {
	margin-top: 20px;
	padding: 20px 30px 30px;
	display: block;
	background: #efeeee;
	text-decoration: none;
}
.top-ecoutezbien img {
	display: block;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}

.top-ecoutezbien h4 {
	margin-bottom: 22px;
	font-size: 20px;
	line-height: 1;
	color: #666;
	text-align: center;
}
.top-ecoutezbien-list {
	margin-top: 25px;
}
.top-ecoutezbien-list a {
	font-size: 18px;
	line-height: 1.3;
	color: #666;
	display: inline-block;
}
.top-ecoutezbien-list small {
	font-size: 14px;
}
.top-ecoutezbien-list li {
	position: relative;
}
.top-ecoutezbien-list li {
	position: relative;
	margin-top: 20px;
	padding-left: 15px;
}
.top-ecoutezbien-list li::before {
	position: absolute;
	content: "";
	top: 3px;
	left: 0;
	border: 9px solid transparent;
	border-left: 12px solid #666;
}

.top-archive a {
	margin-top: 40px;
	display: block;
	padding: 25px 1px;
	height: 235px;
	text-align: center;
	color: #666;
	background: #d9d6ea url(/files/user/home/side_bg_archives.webp) top center/100% no-repeat;
	text-decoration: none;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
	box-sizing: border-box;
}
.top-archive h4 {
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 1;
	letter-spacing: 0;
}
.top-archive p {
	font-size: 16px;
	line-height: 1.3;
}

.mainbox-wrap {
	display: flex;
	align-items: center;
	gap: 40px;
}
.mainbox-wrap .photo {
	width: calc(100% - 370px);
}
.mainbox-wrap .text {
	width: 330px;
}

.mainbox-wrap.rev .text {
	width: calc(100% - 370px);
}
.mainbox-wrap.rev .photo {
	width: 330px;
}

.mainbox-wrap.harf .photo {
	width: calc(52% - 40px);
}
.mainbox-wrap.harf .text {
	width: 48%;
}

.mainbox-wrap.is-picL .photo {
	order: 1;
}
.mainbox-wrap.is-picL .text {
	order: 2;
}

.headline01 {
	margin: 0.2em 0;
	padding: 25px;
	font-size: 30px;
	font-weight: 500;
	text-align: center;
	line-height: 1;
	color: #fff;
	background: #666;
}
.layout2 .headline01 {
	font-size: 26px;
	text-align: left;
	line-height: 1.3;
}

.headline02 {
	font-size: 30px;
	font-weight: 500;
	border-bottom: 1px solid #666;
}

.lead-box {
	margin: 3em 0;
	display: flex;
	align-items: center;
	gap: 15px;
}
.lead-box .ico {
	width: 245px;
}
.lead-box .text {
	width: calc(100% - 260px);
	font-size: 20px;
	line-height: 1.4;
	color: #666;
}
.lead-box .text h2 {
	margin-bottom: 0.2em;
	font-size: 30px;
	font-weight: 500;
}
.lead-box .text p {
	font-size: 20px;
	line-height: 1.4;
	color: #666;
}


.layout14 #main_module,
.layout14 #footpath,
.layout14 #sub_module1,
.layout14 #sub_module2,
.layout14 #sub_module3,
.layout14 #sub_module4,
.layout14 #sub_module5,
.layout14 #sub_module6,
.layout14 #sub_module7 {
	margin: auto;
	width: 1040px;
}
.layout14 #footpath a {
	color: #666;
}

.layout14 #main_contents {
	padding: 10px 0 50px;
}
.layout2 #footpath,
.layout14 #footpath {
	margin-top: 30px;
}

.data-area {
	margin-bottom: 0.5em;
	display: flex;
	align-items: end;
	justify-content: end;
	gap: 1em;
}
.data-area .hl {
	font-size: 0.9em;
	color: #999;
}
.data-area .icons {
	position: relative;
	margin-bottom: -10px;
}

.articleList {
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}

.articleList li {
	width: calc(50% - 25px);
	width: 100%;

}

.articleList li a {
	display: flex;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	gap: 20px;
	color: #666;
	text-decoration: none;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.articleList li a:hover {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.articleList .thumbnail {
	width: 170px;
	min-width: 170px;
	max-width: 170px;
}
.articleList .item {
	width: calc(100% - 190px);
	padding-top: 5px;
}
.articleList .item h2 {
	font-size: 20px;
	font-weight: 500;
}
.articleList .item .data {
	margin: 5px 0;
}

.top-item__txt,
.articleList .item p {
	min-height: 77px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3; /* 任意の行数を指定 */
}

.btn-backnumber {
	width: 380px;
	margin: 3em auto;
}
.btn-backnumber a {
	display: block;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	letter-spacing:  0;
	color: #fff;
	padding: 20px 10px 20px 80px;
	background: #666 url(/files/user/cmn/ico_bn.png) left center/90px no-repeat;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.btn-backnumber a:hover {
	background-color: #999;
}


.flex.is-pc {
	display: flex;
}
.wrap1040 {
	width: 100%;
	max-width: 1040px;
	margin: auto;
}


.layout14 #main_module .topics_list {
	margin-bottom: 5em;
}


/*
.layout14 .listtbl {
	display: flex;
	flex-wrap: wrap;
	gap: 0em 3em;
}

.layout14 .listtbl > li {
	width: calc(50% - 1.5em);
}
*/



#topics_list30 #wrap_contents,
#topics_detail30 #wrap_contents {
	width: 1040px;
	display: flex;
	justify-content: space-between;
	gap: 0;
	padding-top: 3em;
}
#topics_list30 #main_contents,
#topics_detail30 #main_contents {
	width: 800px;
	padding: 0 0 50px;
	margin-right: 20px;
}
#topics_list30 #side_contents_right,
#topics_detail30 #side_contents_right {
	width: 200px;
	padding: 0;
	box-sizing: border-box;
}
#topics_list30 #main_contents .articleList {
	gap: 20px;
}

#contents1001967 .top-item-small__wrap.coming {
	height: 167px;
}
#contents1001953 .top-item,
#contents1001958 .top-item {
	align-items: center;
}
#top .coming p {
	color: #ccc;
	font-size: 20px;
}
#top .coming  .top-item__head h3 {
	margin-bottom: 0;
}
#top .top-item.coming p {
	min-height: auto;
}

.topics_category_list .module_contents > ul > li > a {
	position: relative;
	padding-left: 15px;
	color: #666;
	display: block;
}
.topics_category_list .module_contents > ul > li > a::before {
	position: absolute;
	content: "・";
	top: 0;
	left: 0;
}