/************************
 * 表替え > herin用
************************/
.tab_label {
	width:calc(100% / 3);
	height:50px;
	background-color: #d9d9d9;
	border-bottom: 3px solid #a8b734;
	float:left;
}
/*IE11 IE11 IE11*/
/**/*::-ms-backdrop, .tab_label {
/**/ 	width: 33.33%;
/**/}
/*IE11 IE11 IE11*/
.tab_label:last-child:after {
	content:"";
	display:block;
	clear:both;
}
.tab_label h2 {
	justify-content:center;
	align-items:center;
	padding: 0;
	margin-bottom: 0;
	background:none;
	color: #565656;
	font-size:100%;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_label {
	background-color: #a8b734;
}
.tabs input:checked + .tab_label h2 {
	color: #fff;
}
/*パネル内要素*/
.tab_panel_description {
	padding:1rem 0;
}
.tab_panel_description .page_img {
	display:flex;
	justify-content:space-between;
}
.tab_panel_description .page_img > * {
	width:48%;
	flex-basis:48%;
}
.tab_panel iframe {
	width:100%;
	height:auto;
	border:0;
}
/************************
 * パネルタイトル
************************/
.title_img, .title_img div {
	display:flex;
}
.title_img {
	height:400px;
}
.title_img div {
	flex-direction:column;
}
/************************
 * 天然
************************/
#tab01_panel .title_img {
	background-image:url(/tatami/omote/herin/img/natural/main.jpg);
}
#tab01_panel .title_img div {
	align-items:flex-start;
	justify-content:flex-end;
	width:50%;
	height:100%;
	background-color:rgba(0,0,0,.2);
	color:#fff;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	transform:rotate(.03deg);
	padding:0.5rem;
}
#tab01_panel .title_img p:first-child {
	font-size:300%;
	line-height:1;
}
#tab01_panel .title_img p:nth-child(2) {
	font-size:120%;
}
#tab01_panel .tab_panel_description dt {
	margin:0.2rem 0;
	padding:0.5rem 0;
	font-weight:bold;
	font-size:120%;
}
/************************
 * 健やかくん
************************/
#tab02_panel .title_img {
	align-items:center;
	background-image:url(/tatami/omote/herin/img/wasi/wasi_main.jpg);
	padding:0.5rem;
}
#tab02_panel .title_img div {
	width:23rem;
	padding:1.5rem;
	background-color:rgba(255,255,255,0.4);
	color:#000;
}
#tab02_panel .title_img p {
	font-weight:bold;
	line-height:1;
}
#tab02_panel .title_img p:first-child {
	font-size:160%;
}
#tab02_panel .title_img p:not(:first-child) {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	transform:rotate(.03deg);
}
#tab02_panel .title_img p:not(:first-child):not(:last-child) {
	font-size:300%;
	text-shadow: 2px 2px 0px rgba(255,255,255,.8);
}
#tab02_panel .title_img p:last-child {
	font-size:90%;
}
#seiryu .product_img p, #ayanami .product_img p {
	top:unset;
	bottom:0;
}
#seiryu .product_img p:last-of-type, #ayanami .product_img p:last-of-type {
	bottom:unset;
	top:0.5rem;
	right:0.5rem;
}
/************************
 * 美草
************************/
#tab03_panel .title_img {
	align-items:flex-start;
	background-image:url(/tatami/omote/herin/img/migusa/main.jpg);
	padding:0.5rem;
}
#tab03_panel .title_img div p {
	color:#ffffff;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	transform:rotate(.03deg);
	font-weight:bold;
	text-shadow: 1px 1px 0px rgba(0,0,0,1);
}
#tab03_panel .title_img p:first-child {
	font-size:300%;
}
#tab03_panel .title_img p:nth-child(2) {
	font-size:130%;
}
/*************************************************
 * タブ使用しないバージョン用
*************************************************/
/*タブバージョンリセット用上書き*/
.tab_panel {
	display:block;
	border:#2D6F4E solid 1px;
	border-radius:0.6rem;
}
/*各商品郡TOPへのリンク共通*/
#page_link_button {
	display:flex;
}
#page_link_button a {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	height:4rem;
	font-weight:bold;
	text-align:center;
}
#page_link_button a span {
	font-size:80%;
	color:#777;
}
/*最上部からのリンク*/
#herin > #page_link_button {
	margin-bottom:5rem;
}
#herin > #page_link_button a {
	width:32%;
	border-radius:0.3rem;
	background-color: #d9d9d9;
	border-bottom: 3px solid #a8b734;
	color:#565656;
}
#herin > #page_link_button a:hover{
	background-color: #b5b5b5;
}
#herin > #page_link_button a:not(:last-of-type) {
	margin-right:2%;
}
/*パネルタイトル*/
h2.panel_title {
	background-color:#2D6F4E;
}
/*商品郡内各商品下から商品郡TOPへのリンク*/
.panel_top {
	display:flex;
	align-items:center;
	height:3rem;
	background-color:#2D6F4E;
	font-weight:bold;
	margin:2rem 0 1rem;
	border-radius:1.5rem;
	color:#fff;
	text-decoration:none;
	padding-left:1.5rem;
}
#tab01_panel .panel_top:after {
	content:"天然イ草の一覧へ戻る";
}
#tab02_panel .panel_top:after {
	content:"<ダイケン和紙表>健やかくんの一覧へ戻る";
}
#tab03_panel .panel_top:after {
	content:"<セキスイ樹脂表>美草の一覧へ戻る";
}
.panel_top:hover {
	background-color:#3f9b6d;
}
/*************************************************
 * .section→section
*************************************************/
section > *:not(#page_link_button):not(.panel_title) {
	margin:1rem;
}


/*******************************
＊臨時　旧スタイル上書き
*******************************/
#cnt_bg_bottom{
	display:none;
}