body {
	font-size      : 12px;
	letter-spacing : 0.3px;
}

.header_news {
	position    : absolute;
	top         : -90px;
	font-size   : 12px;
	line-height : 20px;
	z-index     : 110;
	height      : 65px;
}

.header_news span {
	font-weight : bold;
}

.header_news span.second {
	display    : inline-block;
	margin-top : 7px;
}

.header_news span.cR {
	color : #ff0000;
}

.header_news a {
	text-decoration : underline;
}

.contents-side-full {
	width : 100%;
}

.contents-side-margin-pc-35 {
	margin : 0 35px;
}

.main-catch {
	width  : 100%;
	margin : 0 0 15px 0;
}

.main-body {
	max-width : 1060px;
	margin    : 0 auto;
}

.swiper-container {
	margin-bottom : 25px;
}

.header {
	font-size      : 18px;
	font-weight    : 700;
	letter-spacing : 0.08em;
	height         : fit-content;
}

.grid,
.grid-pconly {
	display  : grid;
	grid-gap : 0;
}

div.button {
	text-align : center;
}

.scroll-container {
	position : relative;
	width    : 100% -40px;
	overflow : hidden;
	padding  : 0 40px;
}

.scroll-button {
	width               : 40px;
	height              : 165px;
	position            : absolute;
	top                 : 0;
	background-color    : #FFFFFF;
	background-repeat   : no-repeat;
	background-position : center center;
}

.scroll-button.hidari {
	left             : 0;
	background-image : url("/wp-content/themes/hyacca/pc/assets/img/front-page/scroll-yoko-hidari.svg");
}

.scroll-button.migi {
	right            : 0;
	background-image : url("/wp-content/themes/hyacca/pc/assets/img/front-page/scroll-yoko-migi.svg");
}

.scroll-button.disabled {
	opacity : 0.3;
}

.kyuuka-annai {
	position    : absolute;
	top         : -90px;
	font-size   : 12px;
	line-height : 20px;
	z-index     : 110;
	height      : 65px;
}

.kyuuka-annai .title {
	font-size   : 12px;
	font-weight : 700;
}

.kyuuka-annai .grid {
	grid-template-columns : 1fr;
}

.kyuuka-annai a {
	text-decoration : underline;
}

.scroll-yoko .brand {
	font-size    : 10px;
	line-height  : 1.4;
	border       : 1px #cccccc solid;
	height       : 13px;
	display      : inline-block;
	padding      : 0 5px;
	margin-right : 4px;
}

.scroll-yoko .itemtype {
	font-size        : 10px;
	line-height      : 1.4;
	border           : 1px #B5AC9F solid;
	background-color : #B5AC9F;
	color            : #FFFFFF;
	display          : inline-block;
	padding          : 0 5px;
	margin-right     : 4px;
}

.swiper-maincatch {
	margin-bottom : 10px;
}

.swiper-button-prev,
.swiper-button-next {
	position        : absolute;
	top             : 50%;
	z-index         : 1;
	font-size       : 20px;
	background-size : 14px auto;
	cursor          : pointer;
}

.swiper-button-prev {
	left       : 5px;
	background : url("/wp-content/themes/hyacca/pc/assets/img/common/swiper-button-prev.svg") no-repeat left;
}

.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
	content : "";
}

.swiper-button-next {
	right      : 5px;
	background : url("/wp-content/themes/hyacca/pc/assets/img/common/swiper-button-next.svg") no-repeat right;
}

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
	content : "";
}

.swiper-pagination {
	text-align : center;
	width      : 100%;
	position   : absolute;
	bottom     : 15px;
	z-index    : 80;
}

.swiper-pagination-bullet {
	display       : inline-block;
	width         : 8px;
	height        : 8px;
	margin        : 0 5px;
	border-radius : 100%;
	background    : #989898;
	cursor        : pointer;
}

.swiper-pagination-bullet-active {
	background-color : #C9C9C9;
}

.swiper-maincatch-thumbnail .swiper-slide {
	border : 1px #FFFFFF solid;
}

.swiper-maincatch-thumbnail .swiper-slide.swiper-slide-thumb-active img,
.swiper-maincatch-thumbnail .swiper-slide.swiper-slide-thumb-active video {
	border : 1px #777777 solid;
}

.popup-btn-close::before {
	position          : absolute;
	top               : 50%;
	left              : 50%;
	-webkit-transform : translate(-50%, -50%) rotate(45deg);
	-ms-transform     : translate(-50%, -50%) rotate(45deg);
	transform         : translate(-50%, -50%) rotate(45deg);
	width             : 22px;
	height            : 1px;
	content           : "";
	background-color  : #000000;
}

.popup-btn-close::after {
	position          : absolute;
	top               : 50%;
	left              : 50%;
	-webkit-transform : translate(-50%, -50%) rotate(-45deg);
	-ms-transform     : translate(-50%, -50%) rotate(-45deg);
	transform         : translate(-50%, -50%) rotate(-45deg);
	width             : 22px;
	height            : 1px;
	content           : "";
	background-color  : #000000;
}

.popup-swiper {
	height : 100%;
}

.tate-middle-wrapper {
	display : table;
	width   : 100%;
	height  : 100%;
}

.tate-middle {
	display        : table-cell;
	vertical-align : middle;
}

.image-yoko-hyouji-full {
	display      : inline-block;
	position     : relative;
	width        : 100%;
	aspect-ratio : 1 / 1;
	min-width    : 0;
}

.image-yoko-hyouji-full::before {
	content     : "";
	display     : block;
	padding-top : 100%;
}

.image-yoko-hyouji-full img {
	position        : absolute;
	width           : 100%;
	height          : 100%;
	top             : 0;
	left            : 0;
	object-fit      : cover;
	object-position : center center;
}

video {
	width          : 100%;
	height         : auto;
	line-height    : 0;
	vertical-align : bottom;
}

.image-yoko-hyouji-full video {
	position        : absolute;
	width           : 100%;
	height          : 100%;
	top             : 0;
	left            : 0;
	object-fit      : cover;
	object-position : center center;
}

.hidden-souryou-muryou {
	/*display : none !important;*/
}

#idCampaignBanner.hidden {
	display : none !important;
}

#idCampaignBanner2.hidden {
	display : none !important;
}

.top_news {
	position : fixed;
	top      : 120px;
	z-index  : 1000;
	left     : 90px;
}

.top_news a {
	text-decoration : underline;
}

.top_news span {
	font-weight : bold;
}

.btn-slide {
	font-size   : 17px;
	font-weight : 600;
	line-height : 48px;
	width       : 100%;
	height      : 50px;
	border-top  : 1px #000000 solid;
	background  : url("/wp-content/themes/hyacca/pc/assets/img/single-products/btn-minus.svg") no-repeat center right 25px;
	cursor      : pointer;
}

.btn-slide.closed {
	background : url("/wp-content/themes/hyacca/pc/assets/img/single-products/btn-plus.svg") no-repeat center right 25px;
}

.slide.closed {
	display : none;
}

.sub-header {
	font-size   : 13px;
	font-weight : 600;
}

.banner {
	width           : 100%;
	display         : flex;
	align-items     : center;
	justify-content : center;
}

.popup {
	position         : relative;
	background-color : #FFFFFF;
	max-width        : 815px;
	height           : fit-content;
	max-height       : 770px;
	margin           : 0 auto;
	padding          : 45px 50px;
	border           : 1px #888888 solid;
	box-sizing       : border-box;
	overflow         : auto;
}

.popup-wrapper {
	display    : none;
	margin     : 0;
	padding    : 0;
	width      : 100%;
	height     : 100%;
	position   : fixed;
	top        : 0;
	left       : 0;
	z-index    : 1100;
	box-sizing : border-box;
}

.popup-wrapper .popup-table {
	display : table;
	width   : 100%;
	height  : 100%;
}

.popup-wrapper .popup-tablecell {
	display        : table-cell;
	vertical-align : middle;
}

.popup-swiper-wrapper .popup-wrapper {
	top    : 20px;
	height : 100%;
}

.popup .popup-btn-close {
	position : absolute;
	top      : -6px;
	right    : 0;
	width    : 22px;
	height   : 15px;
	padding  : 24px 20px 23px;
	z-index  : 90;
	cursor   : pointer;
}

.popup .popup-btn-close-circle {
	width    : 29px;
	height   : 29px;
	position : absolute;
	top      : 0;
	right    : 0;
	padding  : 9px 13px;
}

.popup .popup-btn-close-circle div {
	width            : 29px;
	height           : 29px;
	background-color : #F3F3F1;
	border-radius    : 15px;
	position         : absolute;
	z-index          : -1;
}

.popup .popup-btn-close-circle::before,
.popup .popup-btn-close-circle::after {
	width : 17px;
}

.popup-background {
	display          : none;
	position         : fixed;
	top              : 0;
	left             : 0;
	background-color : #000000;
	opacity          : 30%;
	width            : 100%;
	height           : 100%;
	z-index          : 999;
}

.slide-from-right {
	position           : absolute;
	top                : 0;
	left               : 100%;
	-webkit-transition : 0.5s;
	transition         : 0.5s;
	margin-bottom      : 75px;
	border-left        : 1px solid #D9D9D9;
	background-color   : #FFFFFF;
	z-index            : 90;
}

.slide-from-right-active {
	left : 0;
}

.slide-back-right {
	position        : absolute;
	top             : 0;
	left            : 0;
	padding         : 9px 39px;
	z-index         : 90;
	cursor          : pointer;
	font-family     : "Noto Sans JP", sans-serif;
	font-size       : 16px;
	font-weight     : 700;
	background      : url("/wp-content/themes/hyacca/sp/assets/img/common/swiper-button-prev.svg") no-repeat 19px 15px;
	background-size : 11px;
}

.btn-wrapper-fixed-bottom {
	position         : absolute;
	bottom           : 0;
	background-color : #FFFFFF;
}

.popuup-wrapper-fullheight {
	height : 90%;
}

.popuup-wrapper-fullheight .popup-table {
	height : 100%;
}

.popuup-wrapper-fullheight .popup-tablecell {
	height : 100%;
}

.popuup-wrapper-fullheight .popup {
	height     : 100%;
	max-height : 80vh;
}

#idAuthorSupervision.author-supervision {
	font-family           : 'Noto Sans JP', serif;
	overflow-wrap         : break-word;
	word-break            : break-all;
	background-color      : #F7F7F7;
	padding               : 25px 31px;
	display               : grid;
	grid-template-columns : 147px 26px 99px auto;
	grid-template-rows    : 34px auto;
	grid-row-gap          : 10px;
	max-width             : 720px;
	margin                : 0 auto;
}

#idAuthorSupervision.author-supervision h2 {
	all            : unset;
	font-size      : 20px;
	font-weight    : 700;
	line-height    : 1.45;
	letter-spacing : 0.004em;
	grid-column    : 3 / 4;
	grid-row       : 1 / 2;
	display        : flex;
	align-items    : center;
}

#idAuthorSupervision.author-supervision h2:after {
	all : unset;
}

#idAuthorSupervision.author-supervision .img-wrapper {
	width           : 100%;
	margin          : 0;
	grid-column     : 1 / 2;
	grid-row        : 1 / 3;
	display         : flex;
	justify-content : center;
	align-items     : center;
}

#idAuthorSupervision.author-supervision img {
	width  : 147px;
	height : 147px;
	margin : 0;
}

#idAuthorSupervision.author-supervision .supervisor-name {
	font-size      : 14px;
	font-weight    : 700;
	line-height    : 1.64;
	letter-spacing : 0.004em;
	grid-column    : 4 / 5;
	grid-row       : 1 / 2;
	display        : flex;
	align-items    : center;
	margin         : 0;
}

#idAuthorSupervision.author-supervision .supervisor-text {
	font-size   : 11px;
	text-align  : left;
	line-height : 2;
	margin      : 0;
	grid-column : 3 / 5;
	grid-row    : 2 / 3;
}

.id-ranking-tabs {
	padding        : 23px 0;
	font-family    : 'Noto Sans JP', serif;
	letter-spacing : 0.3px;
	overflow-wrap  : break-word;
	word-break     : break-all;
}

.id-ranking-tabs a {
	text-decoration : none;
}

.id-ranking-tabs .tab-button-wrapper {
	display       : flex;
	border-bottom : 1px solid #888888;
}

.id-ranking-tabs .tab-button-wrapper .tab-button {
	flex                    : 1;
	font-size               : 16px;
	line-height             : 1.25;
	color                   : #fff;
	background-color        : #BBB;
	padding                 : 15px 5px 15px 5px;
	border                  : 1px solid #BBB;
	cursor                  : pointer;
	border-top-left-radius  : 6px;
	border-top-right-radius : 6px;
	margin-bottom           : -1px;
	transition              : background-color 0.3s, color 0.3s, border-color 0.3s;
}

.id-ranking-tabs .tab-button-wrapper .tab-button + .tab-button {
	margin-left : 5px;
}

.id-ranking-tabs .tab-button-wrapper .tab-button.active {
	background-color    : #fff;
	color               : #000;
	border-color        : #888;
	z-index             : 2;
	border-bottom-color : transparent;
}

.id-ranking-tabs .tab-content {
	display    : none;
	background : #fff;
	padding    : 23px 0 26px;
	border     : 1px solid #888;
	border-top : none;
	text-align : center;
	overflow   : hidden;
	width      : revert;
}

.id-ranking-tabs .tab-content.active {
	display : block;
}

.id-ranking-tabs .tab-content .tab-header {
	font-size      : 20px;
	font-weight    : 700;
	letter-spacing : 8%;
	margin-bottom  : 23px;
}

.id-ranking-tabs .tab-content .grid {
	grid-template-columns : repeat( 3, 1fr );
	grid-column-gap       : 40px;
}

.id-ranking-tabs .scroll-container {
	width: 100%;
	padding: 0;
	display  : flex;
}

.id-ranking-tabs .scroll-yoko {
	display       : flex;
	width         : fit-content;
	transition    : transform 0.3s ease;
	transform     : translateX(0);
	padding-right : 30px;
}

.id-ranking-tabs .scroll-button {
	position : relative;
	height   : 40px;
	top      : auto;
	bottom   : 0;
	border   : 1px #000000 solid;
}

.id-ranking-tabs .scroll-button.hidari {
	background-image : url("/wp-content/themes/hyacca/common/assets/img/front-page/arrow-slide-back-black.svg");
}

.id-ranking-tabs .scroll-button.migi {
	background-image : url("/wp-content/themes/hyacca/common/assets/img/front-page/arrow-slide-next-black.svg");
}

.id-ranking-tabs .sroll-button-wrapper {
	padding          : 0 10px;
	background-color : #FFFFFF;
	z-index          : 20;
	display          : flex;
	align-items      : center;
}

.id-ranking-tabs .sroll-button-wrapper.migi {
	position : absolute;
	right    : -1px;
	height   : 100%;
}

.id-ranking-tabs .scroll-yoko .ranking {
	flex-shrink  : 0;
	width        : 180px;
	margin-right : 15px;
	position     : relative;
}

.id-ranking-tabs .tab-content .ranking::before {
	display  : inline-block;
	width    : 25px;
	height   : 25px;
	content  : "";
	position : absolute;
	top      : 0;
	left     : 0;
}

.id-ranking-tabs .tab-content .ranking.rank1::before {
	background : url("/wp-content/themes/hyacca/pc/assets/img/common/ranking1.svg") no-repeat center top;
}

.id-ranking-tabs .tab-content .ranking.rank2::before {
	background : url("/wp-content/themes/hyacca/pc/assets/img/common/ranking2.svg") no-repeat center top;
}

.id-ranking-tabs .tab-content .ranking.rank3::before {
	background : url("/wp-content/themes/hyacca/pc/assets/img/common/ranking3.svg") no-repeat center top;
}

.id-ranking-tabs .tab-content .ranking.rank4::before {
	background : url("/wp-content/themes/hyacca/pc/assets/img/common/ranking4.svg") no-repeat center top;
}

.id-ranking-tabs .tab-content .ranking.rank5::before {
	background : url("/wp-content/themes/hyacca/pc/assets/img/common/ranking5.svg") no-repeat center top;
}

.id-ranking-tabs .tab-content .ranking.rank6::before {
	background : url("/wp-content/themes/hyacca/pc/assets/img/common/ranking6.svg") no-repeat center top;
}

.id-ranking-tabs .tab-content .ranking.rank7::before {
	background : url("/wp-content/themes/hyacca/pc/assets/img/common/ranking7.svg") no-repeat center top;
}

.id-ranking-tabs .tab-content .ranking.rank8::before {
	background : url("/wp-content/themes/hyacca/pc/assets/img/common/ranking8.svg") no-repeat center top;
}

.id-ranking-tabs .tab-content .ranking.rank9::before {
	background : url("/wp-content/themes/hyacca/pc/assets/img/common/ranking9.svg") no-repeat center top;
}

.id-ranking-tabs .tab-content .ranking.rank10::before {
	background : url("/wp-content/themes/hyacca/pc/assets/img/common/ranking10.svg") no-repeat center top;
}

.id-ranking-tabs .tab-content .ranking.rank11::before {
	background : url("/wp-content/themes/hyacca/pc/assets/img/common/ranking11.svg") no-repeat center top;
}

.id-ranking-tabs .tab-content .ranking.rank12::before {
	background : url("/wp-content/themes/hyacca/pc/assets/img/common/ranking12.svg") no-repeat center top;
}

.id-ranking-tabs .tab-content .ranking.rank13::before {
	background : url("/wp-content/themes/hyacca/pc/assets/img/common/ranking13.svg") no-repeat center top;
}

.id-ranking-tabs .tab-content .ranking.rank14::before {
	background : url("/wp-content/themes/hyacca/pc/assets/img/common/ranking14.svg") no-repeat center top;
}

.id-ranking-tabs .tab-content .ranking.rank15::before {
	background : url("/wp-content/themes/hyacca/pc/assets/img/common/ranking15.svg") no-repeat center top;
}

.id-ranking-tabs .tab-content .ranking a {
	color: #000000;
}

.id-ranking-tabs .tab-content .ranking a img {
	margin-bottom : 18px;
}

.id-ranking-tabs .tab-content .ranking .product-name {
	font-size      : 13px;
	position       : relative;
	letter-spacing : 0;
	margin-bottom  : 6px;
}

.id-ranking-tabs .tab-content .ranking .product-kakaku {
	font-size      : 16px;
	font-weight    : 400;
	letter-spacing : 0;
}

.id-ranking-tabs .tab-content .ranking .product-kakaku .tax {
	font-size      : 8px;
	font-weight    : 400;
	letter-spacing : 0;
}

.id-ranking-tabs .btn-next {
	margin: 10px auto 0 !important;
}