.yt-box{
  width: 100%;              /*横幅いっぱいにwidthを指定*/
  padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
  height: 0px;              /*高さはpaddingで指定するためheightは0に*/
  position: relative;
}
.yt-box iframe{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.get-date {
	font-size: 1.2rem;
    font-weight: bold;
    margin: 30px 0;
}

/* TOP 新着情報 */
.top_topics {
    padding: 5em 0 3em;
    background: #daff8f;
    position: relative;
}
.topics_inner {
	width: 86%;
    margin: 0 auto;
    max-width: 850px;
    position: relative;
}
.topics-sec {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2em;
}
.topics-title {
    width: 100px;
}
.topics-title h2 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 3px;
}
.topics-text {
    width: calc(100% - 150px);
    margin-left: 50px;
    box-sizing: border-box;
    border-left: 1px dotted #88CC00;
    padding-left: 50px;
}
.topics-text dd {
	box-sizing: border-box;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #88CC00;
}
.day {
	width: 100%;
    display: block;
    line-height: 1;
    font-size: 10px;
	margin-bottom: 10px;
}
/* Search & Filter Styles */
body
{
	display:block;
}
.searchandfilter p
{
	margin-top: 1em;
	display:inline-block;
}
.searchandfilter ul
{
	display:inline-block;
}
.searchandfilter li
{
	list-style: none;
	display:inline-block;
	padding-right:10px;
}

/* YouTube埋め込み */
.yt-box{
  width: 100%;              /*横幅いっぱいにwidthを指定*/
  padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
  height: 0px;              /*高さはpaddingで指定するためheightは0に*/
  position: relative;
}
.yt-box iframe{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

/* Google Map 埋め込み */
.map-box {
    height: 450px;
    width: calc(100% - 50px);
    margin-right: 50px;
}

/* instagram埋め込み */
div#insta_pc {
    position: relative;
}

h2.insta_title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
    color: #fff;
    font-size: 13vh;
    letter-spacing: 5px;
    font-weight: 800;
    text-shadow: 0 0 90px #000;
}

/* YouTube埋め込み */
.youtube .ytp-title-text{
	display: none;
}
/* .ytp-title-enable-channel-logo .ytp-title-channel{
	display: none;
} */
.ytp-embed:not(.ad-showing) .ytp-title-text{
	display: none !important ;
}
/* 業務用米卸YouTube動画埋め込み*/
.youtube-wrap{
  text-align: center;
  padding: 0 0 95px;
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.youtube-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/* 特殊文字テスト */

.moji::after {
/*    content: "&#9654" ; */
　 content: '\09654';
}

/* 240516 資料請求ページ */
/* .shiryou-page {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

.shiryou-page .wpcf7-checkbox .wpcf7-list-item {
	display: block;
	background-color: #F9F7F2;
    display: flex;
    flex-direction: column;
    height: 250px;
    padding: 40px;
	margin: 0 0 1em 0;
	position: relative;
}
.shiryou-page .wpcf7-checkbox .wpcf7-list-item::before {
	position: absolute;
	content: '';
    display: inline-block;
    width: 180px;
    height: 250px;
    background-image: url(/wp-content/uploads/2024/05/sample.png);
    background-size: contain;
	background-repeat: no-repeat;
    vertical-align: middle;
}
.shiryou-page .wpcf7-checkbox .wpcf7-list-item:first-child::after {
	position: absolute;
	content: '資料Aタイトル\A資料の説明文';
	top: 40px;
	left: 280px;
	font-size: 1.2em;
	white-space:pre-wrap;
}
.shiryou-page .wpcf7-checkbox .wpcf7-list-item:nth-child(2)::after {
	position: absolute;
	content: '資料Bタイトル';
	top: 40px;
	left: 280px;
	font-size: 1.2em;
}

.shiryou-page .wpcf7-checkbox .wpcf7-list-item label {
	background-color: #FFCB00;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1607843137);
    font-weight: 700;
    width: 100%;
	max-width: 280px;
    padding: 20px;
    position: absolute;
	bottom: 40px;
	left: 280px;
} */

/* 240516 資料請求ページ 資料ごとにチェックボックスを作成する方法 */
.shiryou-page {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}
.shiryou-option {
	background-color: #F9F7F2;
    padding: 40px;
    margin: 0 0 40px 0;
	display: flex;
	align-items: flex-end;
}
.shiryou-img {
	box-sizing: border-box;
	width: 20%;
}
.shiryou-info {
	box-sizing: border-box;
	width: 80%;
	padding-left: 40px;
}
.wpcf7 .shiryou-img p,
.wpcf7 .shiryou-info p{
	margin-bottom: 0;
	padding-bottom: 0;
}
.wpcf7 p.shiryou-title {
	margin-bottom: 1.25em;
}
.wpcf7 p.shiryou-detail {
	font-weight: 500 !important;
	margin-bottom: 3.5em;
}
.wpcf7 p.shiryou-question {
	padding-bottom: 0;
}
.shiryou-option .wpcf7-form-control-wrap {
	width: 100%;
}
.shiryou-option span.wpcf7-list-item {
	display: block;
	background-color: #FFCB00;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1607843137);
    font-weight: 700;
    max-width: 280px;
    padding: 20px;
	margin: 0;
    position: relative;
}

/* 241025　サンプルページ　背景画像と背景色のテスト */
.post-content {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}
.bg-test {
	width: 100%;
	height: 1080px;
	margin-bottom: 80px;
	box-sizing: border-box;
	background: url("/wp-content/uploads/2024/10/bubble-bg.png"), radial-gradient(rgba(255, 253, 243, 1), rgba(244, 234, 173, 1)); /* 画像と円形グラデーションを同時指定 */
	background-size: cover; /* 背景サイズは必要に応じてレスポンシブ指定 */
}