@charset "utf-8";
/* CSS Document */
/*大枠のcss*/
#outer{
	width: 1260px;
	margin: 0 auto;
}
/*マウスオーバーでふぉんってなる*/
#outer a:hover{
	opacity: 0.7;
}
/*レコメンドのところ*/
#recommend_block{
	border-top: inherit;
}
#recommend_block .ec-shelfRole{
	margin-bottom: 0px;
}
/*カテゴリボタン設定*/
#outer .category_btn{
	width: 100%;
	font-size: 1.2em;
	margin: 15px auto 60px;
}
#outer .category_btn a{
	color: #16404D !important;
	border-bottom: solid 3px #16404D;
	text-decoration: none !important;
	position: relative;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin: auto;
	padding: 10px;
	font-weight: bold;
	border-radius: 100vh;
	background-color: #A6CDC6;
}
/*タブのところ*/
/*タブ切り替え全体のスタイル*/
#outer .tabs {
	margin-top: 50px;
	padding-bottom: 100px;
	background-color: #fff;
	width: 100%;
	margin: 0 auto;
}
/*タブのスタイル*/
#outer .tab_item {
	width: calc(100%/2);
	display: block;
	justify-content: center;
	align-items: center;
	margin: 0;
	/*height: 50px;
	*/
	border-left: solid 1px #e8e6de;
	box-sizing: border-box;
	background-color: #e8e6de;
	line-height: 1.1em;
	font-size: 22px;
	text-align: center;
	float: left;
	font-weight: bold;
	transition: all 0.2s ease;
	padding: 1.5em;
	color: #c2af59;
}
#outer .tab_item:first-of-type {
	border-left-style: none;
}
#outer .tab_item:hover {
	opacity: 0.7;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}
/*タブ切り替えの中身のスタイル*/
#outer .tab_content {
	display: none;
	padding: 0 0 0;
	clear: both;
	overflow: hidden;
	font-size: 14px;
}
/*選択されているタブのコンテンツのみを表示*/
#tab1:checked ~ #tab1_content, #tab2:checked ~ #tab2_content, #tab3:checked ~ #tab3_content {
	display: block;
}
/*選択されているタブのスタイルを変える*/
#outer .tabs input:checked + .tab_item {
	background-color: #FBF5DD;
	color: #DDA853;
}
/*見出し*/
#outer .top_parts{
	width: 100%;
	display: flex;
	justify-content: space-between;
	background-color: #FBF5DD;
	margin-bottom: 50px;
}
#outer .top_parts .top_txt{
	width: 54%;
	color: #DDA853;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	padding: 0 0 0 25px;
}
#outer .top_parts .top_txt h1{
	font-size: 2.3em;
	font-weight: bold;
	padding-bottom: 5px;
	line-height: 1.2;
}
#outer .top_parts .top_txt p{
	font-size: 1.3em;
	padding-top: 10px;
}
#outer .top_parts .top_img{
	width: 44%;
}
#outer .top_parts .top_img img{
	width: 100%;
}
/*ページジャンプのcss*/
#outer .jump{
	width: 100%;
	background-color: #ffffff;
	margin: 0 auto 50px;
	box-sizing: border-box;
	position: sticky;
	top: 0;
	z-index: 2;
	padding-bottom: 0;
	padding-top: 0;
	max-width: 100%;
}
.jump ul._genre_menu{
	width: 100%;
	display: flex;
	flex-flow: row;
	justify-content: center;
	margin: 0;
	box-sizing: border-box;
	list-style: none;
	padding: 0;
	border-top: solid 2px #FBF5DD;
	border-right: solid 2px #FBF5DD;
}
.jump ul._genre_menu li {
	flex: 1;
	text-align: center;
}
.jump ul._genre_menu li.global_item{
	width: 25%;
	position: relative;
	border-left: solid 2px #FBF5DD;
	border-bottom: solid 2px #FBF5DD;
}
.jump ul._genre_menu li.global_item:last-child{
	border-right-style: none;
	margin-right: 0;
}
.jump ul._genre_menu li.global_item a{
	display: block;
	padding: 20px 20px 40px 20px;
	font-weight: bold;
	text-decoration: none;
	box-sizing: border-box;
	text-align: center;
	color: #DDA853;
}
.jump ul._genre_menu li.global_item a::after{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 70%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 17.5px 0 17.5px;
	border-color: #DDA853 transparent transparent transparent;
}
/*h2*/
#outer h2.uline_b {
	font-size: 2em;
	font-weight: bold;
	color: #333333;
	border-bottom: solid 5px #16404D;
	margin-top: 45px;
	margin-bottom: 15px;
}
h2.uline_b:first-letter {
	color: #16404D;
	/* 最初の文字を指定の色に変更 */
	font-size: 1.8em;
	/* 必要に応じて調整 */
}
/*h3*/
#outer h3.contents_h3 {
	position: relative;
	display: inline-block;
	font-size: 1.8em;
	font-weight: bold;
	margin-top: 35px;
	margin-bottom: 20px;
	padding: 0.5rem 1.5rem;
	/* サイドの余白を1.5remに増加、縦の余白は0.5remに */
	padding-left: 1rem;
	/* 左側の余白を5pxに調整 */
	border: 3px solid #A6CDC6;
	border-radius: 10px;
	background: #f9f9f9;
	color: #16404D;
}
h3.contents_h3:before {
	position: absolute;
	bottom: -14px;
	left: 1em;
	width: 0;
	height: 0;
	content: '';
	border-width: 14px 12px 0 12px;
	border-style: solid;
	border-color: #A6CDC6 transparent transparent transparent;
}
h3.contents_h3:after {
	position: absolute;
	bottom: -10px;
	left: 1em;
	width: 0;
	height: 0;
	content: '';
	border-width: 14px 12px 0 12px;
	border-style: solid;
	border-color: #f9f9f9 transparent transparent transparent;
}
/*4個並べ*/
#outer .contents_4{
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#outer .contents_4 .item {
	width: 24%;
	/*3個並びにしたいときは33％とかにする*/
	box-sizing: border-box;
	border: solid 1px #cccccc;
	margin-bottom: 20px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* 内容のスペースを均等に */
}
#outer .contents_4 .item .link-button {
	margin-top: auto;
	/* ボタンを一番下に配置 */
}
#outer .contents_4::after,.contents_4::before{
	content: "";
	display: block;
	width: 24%;
	height: 0;
}
#outer .contents_4::before{
	order: 1;
}
#outer .contents_4 .item .item_img{
	width: 100%;
}
#outer .contents_4 .item .item_img img{
	width: 100%;
}
#outer .contents_4 .item .item_txt{
	padding: 0 10px;
	margin-bottom: 20px;
	font-size: 0.9em;
}
#outer .item .item_txt h4 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0;
}
#outer .item ul.osusume li.osusume_item::before{
	content: "●";
}
/*商品一覧はこちらのボタン*/
#outer .contents .item ul.btns{
	margin-top: auto;
	margin-bottom: 12px;
	padding: 0 10px;
}
#outer .contents .item ul.btns li.btn_gazou{
	position: relative;
}
#outer .item .btn_gazou a{
	display: block;
	position: relative;
	padding: 10px;
	color: #DDA853;
	background-color: #FBF5DD;
	font-weight: bold;
	border-radius: 20px;
	text-align: center;
	text-decoration: none;
}
#outer .item .btn_gazou a::after{
	content: url(https://shimojima.jp/img/freepage/food_delivery/ico_ya.png);line-height: 0;
	position: absolute;
	top: 50%;
	right: 5%;
	transform: translateY(-50%);
}
/*画像と文字横並びブロック*/
#outer .contents_b{
	width: 100%;
	margin: 0 auto 45px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 10px;
}
#outer .contents_b .item{
	border: solid 1px #cccccc;
	padding: 5px;
	display: grid;
	grid-template-columns: 1fr 1fr;
}
#outer .contents_b .item .item_img{
	width: 100%;
}
#outer .contents_b .item .item_img img{
	width: 100%;
}
#outer .contents_b .item .item_txt{
	padding: 0 5px;
}
#outer .contents_b .item .item_txt h4{
	font-size: 1.5em;
	font-weight: bold;
}
#outer .contents_b .item .item_txt p{
	font-size: 1.2em;
	line-height: 1.5;
}
/*文章とおすすめ商品*/
#outer .content_block{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin-bottom: 35px;
	box-sizing: border-box;
}
#outer .content_block ._box{
	width: 32%;
	border: solid 1px #cccccc;
	padding: 10px 15px;
	border-radius: 0.5em;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
#outer .content_block ._box ._title{
	margin-bottom: 15px;
	text-align: center;
}
#outer .content_block ._box ._title h3._type{
	color: #ffffff;
	background-color: #00aeb9;
	font-size: 20px;
	font-weight: bold;
	box-sizing: border-box;
	margin-bottom: 5px;
	padding: 10px;
}
#outer .content_block ._box ._title p{
	font-weight: bold;
	text-align: left;
}
#outer .content_block ._box h4{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	border-bottom: solid 2px #00aeb9;
}
#outer .content_block ._box .items_block{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: stretch;
	margin-bottom: 10px;
	position: relative;
	box-sizing: border-box;
}
#outer .content_block ._box .items_block a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999px;
}
#outer .content_block ._box .items_block:hover{
	opacity: 0.7;
}
#outer .content_block ._box .items_block ._img{
	width: 54%;
}
#outer .content_block ._box .items_block ._txt {
	width: 44%;
	display: flex;
	flex-direction: column;
	padding: 0 0 0 5px;
}
#outer .content_block ._box .items_block ._txt .name {
	font-size: 14px;
	font-weight: bold;
}
#outer .content_block ._box ._btn{
	margin-top: auto;
}
#outer .content_block ._box ._btn a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
	padding: 10px 0;
	border-radius: 1.5em;
	position: relative;
	color: #fff;
	background-color: #00aeb9;
}
#outer .content_block ._box ._title ._type{
	position: relative;
}
/*タブ②*/
/*h2*/
#outer h2.title_h2{
	background: #e3f3f4;
	border-left: solid 10px #00aeb9;
	padding: 0.75rem 1.5rem;
	margin-top: 45px;
	margin-bottom: 10px;
	font-size: 2em;
	font-weight: bold;
	color: #3F3A34;
}
/*左画像・右文章*/
#outer .contents {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
}
#outer .contents .item {
	margin: 0 auto 50px;
	display: grid;
	grid-template-columns: 1fr 2fr;
	column-gap: 20px;
}
#outer .contents .item .item_img {
	grid-row: 1;
	grid-column: 1;
}
#outer .contents .item .item_img img {
	width: 100%;
}
#outer .contents .item .item_txt {
	grid-row: 1;
	grid-column: 2;
}
#outer .contents .item .item_txt p {
	line-height: 1.5;
	font-size: 1.2em;
}
/*画像の下に文章*/
#outer .contents_01{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 45px;
}
#outer .contents_01 .item_01{
	width: 32.5%;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	flex-direction: column;
}
#outer .contents_01::after{
	/*3個並びの2個しかないとき*/
	content: "";
	display: block;
	width: 33%;
	height: 0;
}
#outer .contents_01 .item_01 .item_img{
	width: 100%;
}
#outer .contents_01 .item_01 .item_img img{
	width: 100%;
}
#outer .contents_01 .item_01 .item_txt h3.item_h3_02{
	font-size: 1.3em;
	font-weight: bold;
	padding: 15px 5px 5px;
	margin-bottom: 5px;
	border-bottom: solid 5px #e3f3f4;
}
#outer .contents_01 .item_01 .item_txt p{
	font-size: 1.2em;
	line-height: 1.5;
	padding: 5px;
	margin-bottom: 10px;
}
/*画像の下に文章リンクボタン*/
#outer .item_01 ul.btns{
	margin-top: auto;
	margin-bottom: 12px;
	padding: 0 10px;
}
#outer .item_01 ul.btns li.btn_gazou{
	position: relative;
}
#outer .item_01 ul.btns li.btn_gazou a{
	position: relative;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin: auto;
	padding: 10px;
	font-weight: bold;
	border-radius: 100vh;
	background: #00aeb9;
	color: #ffffff!important;
	font-size: 1.2em;
	text-decoration: none;
}
/*左画像・右商品名とボタン*/
#outer .contents_03{
	/*左画像・右文章部分*/
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#outer .contents_03 .item_detail{
	width: 49.5%;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin: 10px 0 0;
	padding: 3px;
	border: solid 1px #cccccc;
}
#outer .contents_03 .item_detail .item_img_01{
	width: 46%;
	text-align: center;
	margin: 5px 0;
}
#outer .contents_03 .item_detail .item_img_01 img{
	width: 80%;
}
#outer .contents_03 .item_detail .item_txt_01{
	width: 54%;
	padding: 0 25px 15px 10px;
	box-sizing: border-box;
}
#outer .contents_03 .item_detail .item_txt_01 p{
	line-height: 1.5;
	font-size: 1.2em;
	padding: 25px;
	margin: 15px auto 0;
	font-weight: bold;
	color: #586365;
}
#outer .contents_03 .item_detail .item_txt_01 ul.btns{
	width: 100%;
	font-size: 1.2em;
	margin: 30px 0 0;
}
#outer .contents_03 .item_detail .item_txt_01 ul.btns a{
	position: relative;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin: auto;
	padding: 10px;
	font-weight: bold;
	border-radius: 100vh;
	background: #00aeb9;
	color: #ffffff!important;
	font-size: 1.2em;
	text-decoration: none;
}
p.txt_h3 {
	margin-bottom: 30px;
}
/*タブ③*/
/*h2*/
#outer h2.title_frame{
	font-size: 2em;
	font-weight: bold;
	margin: 0 0 25px 0;
	padding: 0 0 5px 5px;
	box-sizing: border-box;
	border-bottom: double 10px #00aeb9;
}
/*h3*/
#outer h3.marker_h3{
	width: 100%;
	font-size: 1.7em;
	font-weight: bold;
	margin: 15px auto;
	padding-left: 5px;
	background: linear-gradient(#fff 60%, #e3f3f4 0%);
}
/*2カラムの表*/
#outer table.tb01{
	border-collapse: collapse;
	width: 75%;
	table-layout: fixed;
	margin-bottom: 75px;
	margin: 20px auto 35px;
}
#outer .tb01 tr.tr_head{
	background: #00aeb9;
	color: #fff;
}
#outer .tb01 tr.tr_head th{
	font-weight: bold;
	font-size: 1.5em;
	padding: 10px;
}
#outer .tb01 th{
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	background-color: #FBF5DD;
	/* 背景色を追加 */
	font-weight: bold;
	/* 文字を太くする */
}
#outer .tb01 td{
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	font-size: 1em;
	line-height: 1.2;
	font-weight: bold;
	/*	background-color: #FFFFFF;
	*/
}
#outer .tb01 td a{
	color: #336E95;
	display: block;
	width: 100%;
	height: 100%;
}
#outer .tb01 tr.tr_2{
	background-color: #F4F4F4;
}
a {
	position: relative;
	/* 画像位置の基準 */
	display: inline-block;
	text-decoration: none;
	color: #000;
}
.hover-image {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	/* 初期の小さなサイズ */
	opacity: 0;
	/* 非表示 */
	transform: translate(-50%, -50%) scale(0);
	transition: all 0.4s ease-in-out;
}
a:hover .hover-image {
	width: 150px;
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}
a:hover {
	color: transparent;
	/* ●の色を透明に */
}
#outer .tb01 td.color-text {
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	font-size: 0.7em;
	line-height: 1.2;
	font-weight: bold;
	background-color: #ffffff;
	/* 背景色を追加 */
	color: #333;
	/* テキスト色 */
}
#outer .tb01 td.color-text img {
	display: block;
	/* 画像を中央揃え */
	margin: 0 auto 5px;
	/* 画像の下に余白を追加 */
	max-width: 100%;
	/* 画像の横幅を親要素内に収める */
	height: auto;
	/* 縦横比を保持 */
}

/*2カラムの表*/
#outer table.tb02{
	border-collapse: collapse;
	width: 75%;
	table-layout: fixed;
	margin-bottom: 75px;
	margin: 20px auto 35px;
}
#outer .tb02 tr.tr_head{
	background: #00aeb9;
	color: #fff;
}
#outer .tb02 tr.tr_head th{
	font-weight: bold;
	font-size: 1.5em;
	padding: 10px;
}
#outer .tb02 th{
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	background-color: #FBF5DD;
	/* 背景色を追加 */
	font-weight: bold;
	/* 文字を太くする */
}
#outer .tb02 td{
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	font-size: 1.3em;
	line-height: 1.2;
	font-weight: bold;
	/*	background-color: #FFFFFF;
	*/
}
#outer .tb02 td a{
	color: #336E95;
	display: block;
	width: 100%;
	height: 100%;
}
#outer .tb02 tr.tr_2{
	background-color: #F4F4F4;
}
a {
	position: relative;
	/* 画像位置の基準 */
	display: inline-block;
	text-decoration: none;
	color: #000;
}
.hover-image {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	/* 初期の小さなサイズ */
	opacity: 0;
	/* 非表示 */
	transform: translate(-50%, -50%) scale(0);
	transition: all 0.4s ease-in-out;
}
a:hover .hover-image {
	width: 150px;
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}
a:hover {
	color: transparent;
	/* ●の色を透明に */
}
#outer .tb02 td.color-text {
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	font-size: 0.7em;
	line-height: 1.2;
	font-weight: bold;
	background-color: #ffffff;
	/* 背景色を追加 */
	color: #333;
	/* テキスト色 */
}
#outer .tb02 td.color-text img {
	display: block;
	/* 画像を中央揃え */
	margin: 0 auto 5px;
	/* 画像の下に余白を追加 */
	max-width: 100%;
	/* 画像の横幅を親要素内に収める */
	height: auto;
	/* 縦横比を保持 */
}
#outer .tb02 td.color-text2 {
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	font-size: 0.7em;
	line-height: 1.2;
	font-weight: bold;
	background-color: #ffffff;
	/* 背景色を追加 */
	color: #333;
	/* テキスト色 */
}
/*2カラムの表*/
#outer table.tb03{
	border-collapse: collapse;
	width: 75%;
	table-layout: fixed;
	margin-bottom: 75px;
	margin: 20px auto 35px;
}
#outer .tb03 tr.tr_head{
	background: #00aeb9;
	color: #fff;
}
#outer .tb03 tr.tr_head th{
	font-weight: bold;
	font-size: 1.5em;
	padding: 10px;
}
#outer .tb03 th{
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	background-color: #FBF5DD;
	/* 背景色を追加 */
	font-weight: bold;
	/* 文字を太くする */
}
#outer .tb03 td{
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	font-size: 1.3em;
	line-height: 1.2;
	font-weight: bold;
	/*	background-color: #FFFFFF;
	*/
}
#outer .tb03 td a{
	color: #336E95;
	display: block;
	width: 100%;
	height: 100%;
}
#outer .tb03 tr.tr_2{
	background-color: #F4F4F4;
}
a {
	position: relative;
	/* 画像位置の基準 */
	display: inline-block;
	text-decoration: none;
	color: #000;
}
.hover-image {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	/* 初期の小さなサイズ */
	opacity: 0;
	/* 非表示 */
	transform: translate(-50%, -50%) scale(0);
	transition: all 0.4s ease-in-out;
}
a:hover .hover-image {
	width: 150px;
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}
a:hover {
	color: transparent;
	/* ●の色を透明に */
}
#outer .tb03 td.color-text {
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	font-size: 0.7em;
	line-height: 1.2;
	font-weight: bold;
	background-color: #ffffff;
	/* 背景色を追加 */
	color: #333;
	/* テキスト色 */
}
#outer .tb03 td.color-text img {
	display: block;
	/* 画像を中央揃え */
	margin: 0 auto 5px;
	/* 画像の下に余白を追加 */
	max-width: 100%;
	/* 画像の横幅を親要素内に収める */
	height: auto;
	/* 縦横比を保持 */
}
#outer .tb03 td.color-text2 {
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	font-size: 0.7em;
	line-height: 1.2;
	font-weight: bold;
	background-color: #ffffff;
	/* 背景色を追加 */
	color: #333;
	/* テキスト色 */
}
/*2カラムの表*/
#outer table.tb04{
	border-collapse: collapse;
	width: 75%;
	table-layout: fixed;
	margin-bottom: 75px;
	margin: 20px auto 35px;
}
#outer .tb04 tr.tr_head{
	background: #00aeb9;
	color: #fff;
}
#outer .tb04 tr.tr_head th{
	font-weight: bold;
	font-size: 1.5em;
	padding: 10px;
}
#outer .tb04 th{
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	background-color: #FBF5DD;
	/* 背景色を追加 */
	font-weight: bold;
	/* 文字を太くする */
}
#outer .tb04 td{
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	font-size: 1.3em;
	line-height: 1.2;
	font-weight: bold;
	/*	background-color: #FFFFFF;
	*/
}
#outer .tb04 td a{
	color: #336E95;
	display: block;
	width: 100%;
	height: 100%;
}
#outer .tb04 tr.tr_2{
	background-color: #F4F4F4;
}
a {
	position: relative;
	/* 画像位置の基準 */
	display: inline-block;
	text-decoration: none;
	color: #000;
}
.hover-image {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	/* 初期の小さなサイズ */
	opacity: 0;
	/* 非表示 */
	transform: translate(-50%, -50%) scale(0);
	transition: all 0.4s ease-in-out;
}
a:hover .hover-image {
	width: 150px;
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}
a:hover {
	color: transparent;
	/* ●の色を透明に */
}
#outer .tb04 td.color-text {
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	font-size: 0.7em;
	line-height: 1.2;
	font-weight: bold;
	background-color: #ffffff;
	/* 背景色を追加 */
	color: #333;
	/* テキスト色 */
}
#outer .tb04 td.color-text img {
	display: block;
	/* 画像を中央揃え */
	margin: 0 auto 5px;
	/* 画像の下に余白を追加 */
	max-width: 100%;
	/* 画像の横幅を親要素内に収める */
	height: auto;
	/* 縦横比を保持 */
}
#outer .tb04 td.color-text2 {
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	font-size: 0.7em;
	line-height: 1.2;
	font-weight: bold;
	background-color: #ffffff;
	/* 背景色を追加 */
	color: #333;
	/* テキスト色 */
}
/* 抗菌シート */
.antibacterial-tabs {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	padding-top: 20px;
	/* 枠の上にタブを浮かせるための余白 */
}
/* タブボタンを横並びで均等配置 */
.antibacterial-tabs input[type="radio"] {
	display: none;
}
.antibacterial-tabs .tab-labels {
	display: flex;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.antibacterial-tabs label {
	flex: 1;
	padding: 10px;
	background: #e8e6de;
	cursor: pointer;
	text-align: center;
	font-size: 16px;
	border: 1px solid #e8e6de;
	border-bottom: none;
	position: relative;
	top: -10px;
	/* タブを上に移動 */
}
/* 選択されたタブ */
.antibacterial-tabs input[type="radio"]:checked + label {
	background: #FBF5DD;
	font-weight: bold;
	color: #DDA853;
	border-bottom: 1px solid white;
}
/* タブコンテンツ */
.antibacterial-content {
	display: none;
	padding: 20px;
	border: 1px solid #ccc;
}
.antibacterial-tabs input#antibacterial1:checked ~ .antibacterial-content#content-antibacterial1,
.antibacterial-tabs input#antibacterial2:checked ~ .antibacterial-content#content-antibacterial2,
.antibacterial-tabs input#antibacterial3:checked ~ .antibacterial-content#content-antibacterial3 {
	display: block;
}
/* 商品グリッド */
.antibacterial-slider {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 15px;
	padding: 10px;
	width: 100%;
}
.antibacterial-item {
	text-align: center;
}
.antibacterial-item img {
	width: 100%;
	max-width: 180px;
	height: auto;
	display: block;
	margin: 0 auto;
}
.antibacterial-item a {
	text-decoration: none;
	color: #16404D;
	font-weight: bold;
	display: block;
	margin-top: 5px;
	font-size: 14px;
	word-wrap: break-word;
}
/*2個並べ*/
.contents {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 3rem 0;
}
.contents div.type {
	border: 1px solid #c8c8c8;
	width: 48%;
	/* 幅を調整 */
	padding: 1rem;
	box-sizing: border-box;
	border-radius: 0.5em;
	margin-bottom: 10px;
}
.contents div.type div.item_name {
	width: 100%;
	text-align: center;
	background: #DDA853;
	color: #FBF5DD;
	margin-bottom: 5px;
	padding: 5px 0px;
	font-weight: 800;
	font-size: 1.2em;
}
.contents div.type div.item_01 div.item_name h3,
.contents div.type div.item_02 div.item_name h3 {
	display: block;
	margin-block-start: 1em;
	margin-block-end: 0px;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	unicode-bidi: isolate;
}
.contents div.type p {
	display: block;
	width: 80%;
	margin: auto;
	text-align: center;
	font-size: 0.95em;
}
.contents div.type div.item_01 {
	display: flex;
	border-bottom: dashed 1px #c8c8c8;
	margin-bottom: 5px;
	padding: 15px;
	padding-bottom: 25px;
}
.contents div.type div.item_02 {
	display: flex;
	margin-bottom: 5px;
	padding: 15px;
	padding-bottom: 25px;
}
.contents div.type div.item_01 div.item_img,
.contents div.type div.item_02 div.item_img {
	width: 40%;
	text-align: center;
	margin: auto;
}
.contents div.type div.item_01 div.item_img img,
.contents div.type div.item_02 div.item_img img {
	max-width: 100%;
	border: none;
	vertical-align: top;
}
.contents div.type div.item_01 div.item_detail,
.contents div.type div.item_02 div.item_detail {
	width: 50%;
}
.contents div.type div.item_01 div.item_detail h4.item_title,
.contents div.type div.item_02 div.item_detail h4.item_title {
	font-size: 1.05em;
	font-weight: 900;
	text-align: center;
	margin: 10px 0px;
}
.contents div.type div.item_01 div.item_detail div.item_size,
.contents div.type div.item_02 div.item_detail div.item_size {
	font-size: 1em;
	font-weight: 400;
	text-align: center;
	margin: 10px 0px;
}
.contents div.type div.item_01 div.item_detail div.item_size::before,
.contents div.type div.item_02 div.item_detail div.item_size::before {
	content: "サイズ：";
	font-size: 1.0em;
}
.contents div.type div.item_01 div.item_detail div.item_btn,
.contents div.type div.item_02 div.item_detail div.item_btn {
	display: block;
	font-size: 1em;
	width: 80%;
	box-sizing: border-box;
	border-radius: 1.5em;
	text-align: center;
	background-color: #FBF5DD;
	text-decoration: none;
	margin: auto;
	padding: 5px 0;
}
.contents div.type div.item_01 div.item_detail div.item_btn a,
.contents div.type div.item_02 div.item_detail div.item_btn a {
	text-decoration: none;
	color: #DDA853;
	font-weight: 400;
}
.contents div.type div.item_01 div.item_detail div.item_btn2,
.contents div.type div.item_02 div.item_detail div.item_btn2 {
	display: block;
	font-size: 1em;
	width: 80%;
	box-sizing: border-box;
	border-radius: 1.5em;
	text-align: center;
	background-color: #debc85;
	text-decoration: none;
	margin: auto;
	padding: 5px 0;
}
.contents div.type div.item_01 div.item_detail div.item_btn2 a,
.contents div.type div.item_02 div.item_detail div.item_btn2 a {
	text-decoration: none;
	color: #FBF5DD;
	font-weight: 400;
}
.contents div.type div.genre_btn {
	position: relative;
	display: block;
	font-size: 1.0em;
	font-weight: 400;
	box-sizing: border-box;
	text-align: center;
	border-radius: 1.5em;
	background-color: #A6CDC6;
	text-decoration: none;
	margin: auto;
	padding: 5px 0;
}
.contents div.type div.genre_btn a {
	text-decoration: none;
	color: #16404D;
	font-weight: 400;
}
/*関連記事のところ*/
.column{
	width: 100%;
	margin-bottom: 45px;
}
.column h3{
	font-size: 1.5em;
	font-weight: bold;
	margin: 35px 0 15px;
}
.column h3::before {
	content: "┃";
	color: #16404D;
	font-family: Arial, sans-serif;
	/* 例としてArialを指定 */
}
.contents_02{
	display: flex;
	flex-wrap: wrap;
	/*	justify-content: space-between;
	*/
	margin: 0 auto;
}
.contents_02 .item_{
	width: 32%;
	box-sizing: border-box;
	/*	border: solid 1px #cccccc;
	*/
	display: flex;
	flex-direction: column;
}
.contents_02::after{
	content: "";
	display: block;
	width: 32%;
	height: 0;
}
.contents_02 .item_ ul.btns_{
	margin-top: auto;
	margin-bottom: 12px;
	padding: 0 10px;
}
.contents_02 .item_ ul.btns_ li.btn_gazou_{
	position: relative;
}
.item_ .btn_gazou_ a{
	display: block;
	position: relative;
	padding: 10px;
	color: #16404D;
	background-color: #A6CDC6;
	font-weight: bold;
	border-radius: 20px;
	text-align: center;
	text-decoration: none;
	font-size: 1em;
}
.column ul.tokusyu{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	width: 100%;
	list-style: none;
	margin: 0 auto;
}
.column ul.tokusyu li{
	width: 23%;
	margin-bottom: 10px;
}
.column ul.tokusyu li img{
	width: 100%;
	height: auto;
}
.column ul.tokusyu::before{
	content: "";
	display: block;
	width: 23%;
	order: 1;
}
.column ul.tokusyu::after{
	content: "";
	display: block;
	width: 23%;
}
.btn_gazou_:hover,.tokusyu li:hover{
	opacity: 0.7;
}
.chosei{
	}
.chosei2{
		font-weight: bold;
	    color: white;
	}
/*スマホの設定*/
@media screen and (max-width: 768px) {
	#outer{
		width: 100%;
	}
	/*カテゴリボタン設定*/
	#outer .category_btn{
		width: 95%;
		font-size: 1.1em;
		margin: 15px auto 40px;
	}
	#outer .category_btn a{
		padding: 6px;
	}
	/*見出し*/
	#outer .top_parts{
		flex-direction: column-reverse;
	}
	#outer .top_parts .top_txt{
		width: 100%;
		padding: 15px;
	}
	#outer .top_parts .top_txt h1{
		font-size: 1.2em;
		padding: 5px 5px 0 5px;
	}
	#outer .top_parts .top_txt p{
		font-size: 1em;
		padding: 5px;
	}
	#outer .top_parts .top_img{
		width: 100%;
	}
	#outer .top_parts .top_img img{
		width: 100%;
	}
	/*タブのところ*/
	/*タブ切り替え全体のスタイル*/
	#outer .tabs {
		margin-top: 50px;
		padding-bottom: 20px;
		width: 95%;
		margin: 0 auto;
	}
	/*タブのスタイル*/
	#outer .tab_item {
		font-size: 1em;
        padding: 1em;
        height: 60px;
	}
	/*タブ切り替えの中身のスタイル*/
	#outer .tab_content {
		display: none;
		padding: 0 0 0;
		font-size: 10px;
	}
	/*ページジャンプ*/
	#outer .jump ul._genre_menu {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		/* 2列レイアウト */
		gap: 5px 0;
		/* 縦の間隔を少し開ける */
	}
	#outer .jump ul._genre_menu li.global_item {
		width: 100%;
		/* gridに任せる */
		box-sizing: border-box;
	}
	#outer .jump ul._genre_menu li.global_item:nth-child(2n+1) {
		border-right: none;
	}
	#outer .jump ul._genre_menu li.global_item a{
		padding: 5px 7px;
		font-size: 1.2em;
	}
	#outer .jump ul._genre_menu li.global_item a::before{
		position: absolute;
		content: '';
		top: 0.7em;
		left: 1em;
		height: 0;
		width: 0;
		border-style: solid;
		border-width: 6px 0 6px 9px;
		border-color: transparent transparent transparent #DDA853;
	}
	#outer .jump ul._genre_menu li.global_item a::after{
		content: none;
	}
	a.adjustment {
		display: block;
		padding-top: 0;
		margin-top: 0;
	}

	/* 2個並べ */
	@media screen and (max-width: 768px) {
		.contents {
			flex-direction: column;
			align-items: center;
		}
		.contents div.type {
			width: 100%;
			max-width: 500px;
			margin-bottom: 15px;
			padding: 10px;
			box-sizing: border-box;
		}
		/* 商品説明の文字サイズを小さく */
		.contents div.type p {
			width: 95%;
			/* 余白を減らしてほぼ全幅に */
			max-width: 100%;
			font-size: 1.2em;
			/* はみ出し防止 */
		}
		/* 商品詳細（サイズ・仕様など）の文字サイズを小さく */
		.contents div.type .item_size {
			font-size: 8px;
		}
		/* ボタンの文字サイズを小さく */
		.contents div.type .item_btn a,
		.contents div.type .item_btn2 a {
			font-size: 0.9em;
		}
	}
	@media screen and (max-width: 768px) {
		/* 商品タイトルの文字を小さく */
		.item_title {
			font-size: 10px;
		}
		/* 商品の詳細（サイズ・仕様など）の文字を小さく */
		.item_size {
			font-size: 0.85em;
			line-height: 1.4;
		}
		/* .item_name 内の説明文の文字を小さく */
		.item_name p {
			font-size: 0.9em;
			line-height: 1.4;
		}
	}
	@media screen and (max-width: 768px) {
		/* 💡 タブのデザインはそのまま維持 */
		.antibacterial-tabs label {
			padding: 8px;
			/* タブの余白をそのまま */
			font-size: 12px;
			/* タブの文字サイズそのまま */
		}
		.antibacterial-tabs input[type="radio"]:checked + label {
			font-size: 12px;
			/* 選択中のタブも同じサイズ */
			padding: 8px;
		}
		/* 💡 商品リストの横スクロール調整 */
		.antibacterial-slider {
			display: flex;
			overflow-x: auto;
			/* 横スクロールを有効化 */
			gap: 10px;
			/* 商品の間隔を調整 */
			padding: 10px;
			white-space: nowrap;
			/* 折り返しを防ぐ */
			scroll-snap-type: x mandatory;
			/* スクロール時にスナップ */
		}
		/* 💡 各商品を適切なサイズに調整 */
		.antibacterial-item {
			flex: 0 0 auto;
			/* サイズを固定 */
			width: 140px;
			/* 幅を調整 */
			scroll-snap-align: start;
			/* スクロール時の位置調整 */
			text-align: center;
		}
		/* 💡 商品画像のサイズを調整 */
		.antibacterial-item img {
			max-width: 100%;
			height: auto;
			max-height: 100px;
			/* 画像の最大高さを設定 */
		}
		/* 💡 商品名を複数行OK＆隣と被らないように */
		.antibacterial-item a {
			font-size: 10px;
			/* フォントサイズを調整 */
			white-space: normal;
			/* 改行を許可 */
			overflow: hidden;
			/* はみ出しを防ぐ */
			display: block;
			line-height: 1.2;
			height: auto;
			/* 高さを自動調整 */
			word-wrap: break-word;
			/* 長い単語も折り返し */
			padding: 5px 3px;
			/* 文字に余白を追加 */
		}
		/* 💡 スクロールバーのデザイン（iOS & Android） */
		.antibacterial-slider::-webkit-scrollbar {
			height: 6px;
			/* スクロールバーの高さ */
		}
		.antibacterial-slider::-webkit-scrollbar-thumb {
			background: #DDA853;
			/* スクロールバーの色 */
			border-radius: 10px;
		}
		.antibacterial-slider::-webkit-scrollbar-track {
			background: #e8e6de;
			/* スクロールバーの背景 */
		}
	}
	/*h2*/
	#outer h2.uline_b{
		font-size: 1.5em;
		margin: 25px 5px 15px;
		padding-bottom: 5px;
		line-height: 1.2;
	}
	/*h3*/
	#outer h3.contents_h3{
		font-size: 1.3em;
		margin: 10px 0;
		padding-left: 1rem;
	}
	/*4個並べ*/
	#outer .contents_4 .item{
		width: 49%;
		padding: 5px;
		margin-bottom: 7px;
	}
	#outer .contents_4 .item .item_txt{
		padding: 5px;
		margin-bottom: 5px;
		font-size: 1.1em;
	}
	#outer .item .item_txt h4 {
		font-size: 1.2em;
	}
	/*商品一覧はこちらのボタン*/
	#outer .contents_4 .item ul.btns{
		padding: 0;
		margin-bottom: 5px;
	}

	#outer .item .btn_gazou a{
		padding: 5px;
		font-size: 0.8em;
	}
	#outer .item .btn_gazou a::after{
		content: inherit;
	}
	/*画像と文字横並びブロック*/
	#outer .contents_b{
		margin: 0 auto 30px;
		display: block;
	}
	#outer .contents_b .item{
		border: solid 1px #cccccc;
		padding: 5px;
		margin-bottom: 7px;
	}
	#outer .contents_b .item .item_txt h4{
		font-size: 1.2em;
	}
	#outer .contents_b .item .item_txt p{
		font-size: 1em;
	}
	/*文章とおすすめ商品*/
	#outer .content_block{
		display: block;
		margin-bottom: 35px;
	}
	#outer .content_block ._box{
		width: 100%;
		padding: 10px 15px;
		margin-bottom: 15px;
	}
	#outer .content_block ._box ._title{
		margin-bottom: 15px;
		text-align: center;
	}
	#outer .content_block ._box ._title h3._type{
		font-size: 1.3em;
		padding: 5px;
	}
	#outer .content_block ._box h4{
		font-size: 1.3em;
		margin-bottom: 10px;
	}
	#outer .content_block ._box ._btn a {
		font-size: 12px;
		padding: 7px 0;
	}
	/*タブ②*/
	/*h2*/
	#outer h2.title_h2{
		padding: 0.5rem 1rem;
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 1.5em;
	}
	/*左画像・右文章*/
	#outer .contents {
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	#outer .contents .item {
		margin: 0 auto 50px;
		display: block;
	}
	#outer .contents .item .item_img {
		margin-bottom: 5px;
	}
	#outer .contents .item .item_txt p {
		line-height: 1.5;
		font-size: 1em;
	}
	/*画像の下に文章*/
	#outer .contents_01{
		display: block;
		margin: 0 auto 45px;
	}
	#outer .contents_01 .item_01{
		width: 100%;
	}
	#outer .contents_01 .item_01 .item_txt h3.item_h3_02{
		padding: 5px;
		margin-bottom: 5px;
	}
	#outer .contents_01 .item_01 .item_txt p{
		font-size: 1em;
		padding: 5px;
		margin-bottom: 5px;
	}
	/*画像の下に文章リンクボタン*/
	#outer .item_01 ul.btns{
		margin-top: auto;
		margin-bottom: 25px;
		padding: 0 10px;
	}
	#outer .item_01 ul.btns li.btn_gazou a{
		padding: 5px;
		font-size: 1em;
	}
	/*左画像・右商品名とボタン*/
	#outer .contents_03{
		/*左画像・右文章部分*/
		padding: 0;
	}
	#outer .contents_03 .item_detail{
		width: 100%;
		margin: 0 0 10px 0;
		padding-top: 5px;
	}
	#outer .contents_03 .item_detail .item_img_01{
		width: 45%;
	}
	#outer .contents_03 .item_detail .item_img_01 img{
		width: 100%;
	}
	#outer .contents_03 .item_detail .item_txt_01{
		width: 55%;
		padding: 5px;
	}
	#outer .contents_03 .item_detail .item_txt_01 p{
		padding: 25px 5px 25px;
		margin: 0;
		font-size: 1em;
	}
	#outer .contents_03 .item_detail .item_txt_01 ul.btns{
		margin-top: 15px;
		margin-bottom: 10px;
	}
	#outer .contents_03 .item_detail .item_txt_01 ul.btns a{
		position: relative;
		display: block;
		padding: 8px;
		font-weight: bold;
		border-radius: 100vh;
		color: #ffffff!important;
		font-size: 0.9em;
		text-decoration: none;
	}
	/*タブ③*/
	/*h2*/
	#outer h2.title_frame{
		font-size: 1.5em;
		margin: 0 0 15px 0;
		padding: 10px 5px 0;
	}
	/*h3*/
	#outer h3.marker_h3{
		font-size: 1.3em;
		margin: 15px auto;
		padding-left: 5px;
		background: linear-gradient(#fff 60%, #e3f3f4 0%);
	}
	/*tb01の表*/
	@media screen and (max-width: 768px) {
		/* スマホ（タブレット以下）の場合 */
		.size_2table {
			overflow-x: scroll;
			/* スクロール可能にする */
		}
		.tb01 {
			min-width: 600px;
			/* 表の最小幅を確保 */
		}
	}
	/* テーブルのデザイン */
	.tb01 {
		width: 100%;
		min-width: 600px;
		/* スマホ時のスクロールを考慮 */
		border-collapse: collapse;
	}
	.tb01 th,
	.tb01 td {
		/* クラス名の修正（.table → .tb01） */
		border: 2px solid #eee;
		padding: 4px 8px;
	}
	/* th の幅を自動調整しつつ、最大幅を制限 */
	.tb01 th {
		white-space: nowrap;
		/* テキストの折り返しを防ぐ */
		width: 80px;
		/* 必要に応じて調整（例: 80px） */
		min-width: 60px;
		/* 最小幅を確保 */
		max-width: 120px;
		/* 最大幅を制限 */
		text-align: center;
		/* テキスト中央揃え */
	}
	/*tb02の表*/
	@media screen and (max-width: 768px) {
		/* スマホ（タブレット以下）の場合 */
		.size_2table {
			overflow-x: scroll;
			/* スクロール可能にする */
		}
		.tb02 {
			min-width: 600px;
			/* 表の最小幅を確保 */
		}
	}
	/* テーブルのデザイン */
	.tb02 {
		width: 100%;
		min-width: 600px;
		/* スマホ時のスクロールを考慮 */
		border-collapse: collapse;
	}
	.tb02 th,
	.tb02 td {
		/* クラス名の修正（.table → .tb01） */
		border: 2px solid #eee;
		padding: 4px 8px;
	}
	/*tb03の表*/
	@media screen and (max-width: 768px) {
		/* スマホ（タブレット以下）の場合 */
		.size_2table {
			overflow-x: scroll;
			/* スクロール可能にする */
		}
		.tb03 {
			min-width: 600px;
			/* 表の最小幅を確保 */
		}
	}
	/* テーブルのデザイン */
	.tb03 {
		width: 100%;
		min-width: 600px;
		/* スマホ時のスクロールを考慮 */
		border-collapse: collapse;
	}
	.tb03 th,
	.tb03 td {
		/* クラス名の修正（.table → .tb01） */
		border: 2px solid #eee;
		padding: 4px 8px;
	}
	/* th の幅を自動調整しつつ、最大幅を制限 */
	.tb03 th {
		white-space: nowrap;
		/* テキストの折り返しを防ぐ */
		width: 80px;
		/* 必要に応じて調整（例: 80px） */
		min-width: 60px;
		/* 最小幅を確保 */
		max-width: 120px;
		/* 最大幅を制限 */
		text-align: center;
		/* テキスト中央揃え */
	}
	/*2カラムの表*/
	#outer table.tb04{
		width: 100%;
		margin: 0 auto;
	}
	#outer .tb04 tr.tr_head th{
		font-size: 1.1em;
		padding: 8px;
	}
	.tb04 tr.tr_head .norm{
		width: 35%;
	}
	#outer .tb04 th{
		padding: 10px;
		border: solid 1px #ccc;
		text-align: center;
		box-sizing: border-box;
	}
	#outer .tb04 td{
		padding: 5px;
		font-size: 7px;
		width: 35%;
	}
	/*関連記事*/
	.column{
		width: 100%;
	}
	.column h3{
		padding: 5px;
		font-size: 1.3em;
		margin: 0;
	}
	.column h3::before{
		content: "┃"
	}
	.contents_02{
		padding: 0 10px;
	}
	.contents_02 .item_{
		width: 100%;
		margin: 5px auto;
		padding: 0;
	}
	.contents_02::after{
		content: none;
	}
	.contents_02 .item_ ul.btns_{
		font-size: 0.8em;
		width: 100%;
		margin-bottom: 0;
		padding: 0;
	}
	.contents_02 .item_ ul.btns_ li.btn_gazou_{
		position: relative;
	}
	.item_ .btn_gazou_ a{
		padding: 10px 0;
		border-radius: 100vh;
		color: #16404D;
		font-weight: bold;
		text-align: center;
		display: block;
		position: relative;
		transition: .3s;
		margin: 5px;
	}
	.column ul.tokusyu{
		width: 96%;
		margin: 0 auto;
		padding: 0;
		float: none;
	}
	.column ul.tokusyu li{
		width: 49%;
	}
	.chosei{
		font-size: 1.3em;
		color: black;
		font-weight: normal;
	}
	p.txt_h3 {
	margin-bottom: 10px;
        margin-top: 10px;
        font-size: 1.3em;
}
	#outer .tb03 td.color-text {
	font-size: 1.2em;
}
	.contents div.type div.genre_btn {
	font-size: 1.2em;
}
	#outer .tabs input:checked + .tab_item {
		font-size: 1.1em;
}
	#outer .tb01 td.color-text2 {
	font-size: 1em;
}
	#outer .tb02 td.color-text {
	font-size: 1em;
}
	.tb04 th:nth-child(3),
.tb04 td:nth-child(3),
.tb04 th:nth-child(4),
.tb04 td:nth-child(4) {
  width: 80px; /* 好きな幅に調整 */
}
}