@charset "utf-8";
/* CSS Document */
#loading {
/*fixedで全面に固定*/
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: #000000;
	text-align: center;
	color: #fff;
	font-size: clamp(24px, 7.5vw, 30px);
}
#load {
	position: absolute;
	width: 600px;
	height: 36px;
	left: 50%;
	top: 40%;
	margin-left: -300px;
	overflow: visible;
	-webkit-user-select :none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}
#load div {
	position: absolute;
	width: 20px;
	height: 36px;
	opacity: 0;
	font-family: Helvetica, Arial, sans-serif;
	animation: move 2s linear infinite;
	-o-animation: move 2s linear infinite;
	-moz-animation: move 2s linear infinite;
	-webkit-animation: move 2s linear infinite;
	transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	color: #e6821e;
}

#load div:nth-child(2) {
	animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}
#load div:nth-child(3) {
	animation-delay: 0.4s;
	-o-animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}
#load div:nth-child(4) {
	animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}
#load div:nth-child(5) {
	animation-delay: 0.8s;
	-o-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
}
#load div:nth-child(6) {
	animation-delay: 1s;
	-o-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
#load div:nth-child(7) {
	animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}

@keyframes move {
  0% {
    left: 0;
    opacity: 0;
  }
  35% {
    left: 41%; 
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
  65% {
    left: 59%; 
    -moz-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg); 
    -o-transform: rotate(0deg);
    transform: rotate(0deg); 
    opacity: 1;
  }
  100% {
    left: 100%; 
    -moz-transform: rotate(-180deg); 
    -webkit-transform: rotate(-180deg); 
    -o-transform: rotate(-180deg); 
    transform: rotate(-180deg);
    opacity: 0;
  }
}

@-moz-keyframes move {
  0% {
    left: 0; 
    opacity: 0;
  }
  35% {
    left: 41%; 
    -moz-transform: rotate(0deg); 
    transform: rotate(0deg);
    opacity: 1;
  }
  65% {
    left: 59%; 
    -moz-transform: rotate(0deg); 
    transform: rotate(0deg);
    opacity: 1;
  }
  100% {
    left: 100%; 
    -moz-transform: rotate(-180deg); 
    transform: rotate(-180deg);
    opacity: 0;
  }
}

@-webkit-keyframes move {
  0% {
    left: 0; 
    opacity: 0;
  }
  35% {
    left: 41%; 
    -webkit-transform: rotate(0deg); 
    transform: rotate(0deg); 
    opacity: 1;
  }
  65% {
    left: 59%; 
    -webkit-transform: rotate(0deg); 
    transform: rotate(0deg); 
    opacity: 1;
  }
  100% {
    left: 100%;
    -webkit-transform: rotate(-180deg); 
    transform: rotate(-180deg); 
    opacity: 0;
  }
}

@-o-keyframes move {
  0% {
    left: 0; 
    opacity: 0;
  }
  35% {
    left: 41%; 
    -o-transform: rotate(0deg); 
    transform: rotate(0deg); 
    opacity: 1;
  }
  65% {
    left: 59%; 
    -o-transform: rotate(0deg); 
    transform: rotate(0deg); 
    opacity: 1;
  }
  100% {
    left: 100%; 
    -o-transform: rotate(-180deg); 
    transform: rotate(-180deg); 
    opacity: 0;
  }
}

#deer72 {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	border: 1px solid #000000;
}
#deer72 p {
	font-family: "hiragino-mincho-pron", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: clamp(12px, 3.755vw, 18px);
	line-height: 1.4;
	margin: 0;
}
#deer72 .inner {
	width: 100%;
	max-width: 715px;
	margin: 0 auto; 
}
#deer72 .txt_inner {
	width: 100%;
	max-width: 650px;
	margin: 0 auto; 
}
#deer72 h1 {
	height: auto;
	background: #e6821e;
	color: #ffffff;
	text-align: center;
}
#deer72 h1 img {
	width: 40%;
	margin: 0 auto;
	padding: 8px 0;
}
#deer72 img {
	width: 100%;
	vertical-align: bottom;
}
#deer72 h3 {
	font-size: clamp(24px, 7.5vw, 36px);
	line-height: 1.2;
}
#deer72 h4 {
	font-family: "hiragino-mincho-pron", sans-serif;
	color: #b0272d;
	font-size: clamp(16px, 5vw, 21px);
	font-weight: 600;
}
#deer72 ul {
	list-style: none;
}
#deer72 section {
	width: 100%;
	margin: 30px auto;
}
#deer72 a:hover {
	opacity: 0.5;
}
#deer72 .logo {
	width: 30%;
}
#deer72 .small {
	font-size: clamp(10px, 3.12vw, 14px);
}
#deer72 .ribon {
	width: 50%;
	margin: 0 auto;
}
#deer72 .pink {
	color: #c00035;
}
#deer72 .yellow {
	color: #ffdf00;
}
#deer72 .orange {
	color: #ea9f3b;
}
#deer72 .brown {
	color: #603813;
}
#deer72 .white {
	color: #ffffff;
}
#deer72 .red {
	color: #b0272d;
}
#deer72 .blue_circle {
	background: #4472b3;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-size: clamp(18px, 5.62vw, 26px)!important;
	font-weight: 600;
	color: #ffc866;
	border-radius: 50%;
	width: clamp(80px, 25vw, 100px);
	height: clamp(80px, 25vw, 100px);
	text-align: center;
	margin: 0;
	padding: 10% 0;
}
#deer72 .right_blue {
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-size: clamp(18px, 5.62vw, 26px);
    font-weight: 600;
    color: #0071ab;
    border-radius: 50%;
    width: clamp(80px, 25vw, 100px);
    height: clamp(80px, 25vw, 100px);
    text-align: center;
    margin: 0;
    padding: 30px 0;
	border: 1px solid #0071ab;
}
#deer72 .blue_circle.sub {
	line-height: 0.9!important;
	padding: 28px 0;
}
#deer72 .blue_circle.sub span {
	font-family: "hiragino-mincho-pron", sans-serif;
	font-weight: 300;
	font-size: clamp(10px, 3.12vw, 14px)!important;
	color: #ffffff;
}
#deer72 .green_circle {
	background: #3f857b;
	color: #ffffff;
	border-radius: 50%;
	text-align: center;
	width: clamp(85px, 26.56vw, 150px);
	height: clamp(85px, 26.56vw, 150px);
	padding: 3.2% 0;
}
#deer72 .green_circle p:first-of-type {
	font-size: clamp(20px, 6.25vw, 35px);
}
#deer72 .green_circle span {
	font-size: clamp(12px, 3.75vw, 20px)!important;
}

#contents_02 p.brown_circle {
	width: 90%;
	max-width: 500px;
	background: #603813;
	border-radius: 50%;
	font-family: "a-otf-ud-shin-go-pr6n", sans-serif;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	padding: 2% 0;
}
#deer72 .red_circle {
	width: 90%;
	max-width: 500px;
	background: #b0272d;
	border-radius: 50%;
	font-family: "a-otf-ud-shin-go-pr6n", sans-serif;
	font-weight: bold;
	font-size: clamp(12px, 3.755vw, 18px);
	color: #ffff00;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
}
#deer72 .bg_black {
	background: #000000;
	color: #ffffff;
}
#deer72 .bg_red {
	background: #b0272d;
}
#deer72 .bg_soft {
	background: url(https://doshishamarche.itembox.design/item/HO/deer72/bg_soft.jpg);
}
#deer72 .bg_dogfood {
	background: url(https://doshishamarche.itembox.design/item/HO/deer72/main_bg.jpg) repeat;
}
#deer72 .bg_paper {
	background: url(https://doshishamarche.itembox.design/item/HO/deer72/bg_paper.png?d=20231201130728) no-repeat;
	background-size: 100%;
}
#deer72 .bg_brown_transparent {
	background: rgba(83,71,65,0.7);
}
#deer72 .bg_dog {
	background: url(https://doshishamarche.itembox.design/item/HO/deer72/bg_dog.jpg) no-repeat;
	background-size: 100%;
	padding-bottom: 42%;
}
#deer72 .bg_gray {
	background: #eaeaeb;
	border-radius: 15px;
	padding: 20px;
}
#deer72 .a-gothic {
	font-family: "a-otf-gothic-mb101-pr6n", sans-serif;
}
#deer72 .bold {
	font-weight: bold;
}
#deer72 .txt_shadow {
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 1.0);
}
#deer72 .f30{
	font-size: clamp(20px, 6.25vw, 30px);
}
#deer72 .text_right {
	text-align: right;
}
#deer72 .border_question {
	width: 90%;
	max-width: 500px;
	text-align: center;
	font-size: clamp(18px, 5.62vw, 30px);
	font-weight: 500;
	line-height: 1.2;
	border: 1px dotted #534741;
	border-radius: 50px;
	padding: 30px 10px;
	margin: 30px auto;
}
#deer72 .flex_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#deer72 .buy {
	text-align: center;
}
#deer72 .buy h2 {
	font-weight: 600;
	font-size: clamp(24px, 7.5vw, 38px);
	margin: 10px 0 0;
}
#deer72 .buy h2 span {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-weight: 400;
	font-size: clamp(12px, 3.755vw, 18px);
}
.buy .name {
	font-weight: 600;
	font-size: clamp(16px, 5vw, 21px);
}
.buy .price {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 713px;
	margin: 0 auto;
}
#deer72 .buy .nomal_price {
	width: 33%;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-weight: 400;
	font-size: clamp(10px, 3.12vw, 14px);
	line-height: 1.0;
}
.buy .nomal_price::after {
	content: "▶";
	font-size: clamp(24px, 7.5vw, 30px);
	color: #b0272d;
}
.buy .nomal_price span {
	position: relative;
	font-size: clamp(18px, 5.62vw, 24px);
	padding: 0 3px;
}
.buy .nomal_price span::after {
	position: absolute;
	content: "";
	display: block;
	transform: rotate(10deg);
	background-color: #000000;
	width: 100%;
	height: 1px;
	top: 50%;
	left: 0;
}
.buy .nomal_price span::before {
	position: absolute;
	content: "";
	display: block;
	transform: rotate(-10deg);
	background-color: #000000;
	width: 100%;
	height: 1px;
	top: 50%;
	left: 0;
}
#deer72 .buy .special_price {
	width: 33%;
	background: #b0272d;
	padding: 5px 0;
	margin: 10px 0;
}
.buy .special_price .first_price span {
	font-size: clamp(13px, 4.06vw, 21px);
}
.buy .special_price .first_price {
	color: #ffffff;
	font-size: clamp(12px, 3.755vw, 18px);
}
#deer72 .buy .sale_price {
	width: 30%;
	color: #b0272d;
	font-size: clamp(24px, 7.5vw, 38px)!important;
	font-weight: 600;
}
.buy .sale_price span {
	font-size: clamp(12px, 3.755vw, 18px);
}
#deer72 .buy .free_postage {
	width: 90%;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-weight: 600;
	font-size: clamp(12px, 3.755vw, 18px);
	color: #b0272d;
	border: 1px solid #b0272d;
	margin: 0 auto;
}
#deer72 .buy .attention {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-weight: 600;
	font-size: clamp(10px, 3.12vw, 14px)!important;
	margin: 5px auto;
}
.buy .buy_frame {
	border: 1px solid #e05a24;
}
.buy .item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 98%;
	margin: 0 auto;
}
.buy .item figure {
	width: 15%;
}
.buy .item p {
	width: 25%;
}
.buy .item .plus {
	width: 5%;
}
.buy .item .off {
	width: 20%;
}

.buy .buy_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	background: #e6821e;
	margin: 5px auto 0;
	padding: 13px 0;
}
.buy .buy_btn p {
	font-family: "hiragino-kaku-gothic-pron", sans-serif!important;
	font-weight: 600!important;
	font-size: clamp(18px, 5.62vw, 24px)!important;
	width: auto;
}
.buy .buy_btn figure.buy_arrow {
	display: inline-block;
	width: 30px;
	height: 30px;
}
.black_arrow {
	background: #000000;
	clip-path: polygon(100% 0, 0 0, 50% 100%);
	width: clamp(40px, 12.5vw, 70px);
	height:  clamp(28.5px, 8.9vw, 50px);
	margin: 20px auto;
}
#main_image {
	width: 100%;
}
#main_image p {
	width: 80%;
	margin: 0 auto 30px;
	padding: 30px 0;
}
#contents_01 {
	position: relative;
	background: #005a90;
	text-align: center;
	color: #ffffff;
}
#contents_01 p.pink {
	background: #ffffff;
	clip-path: circle(40% at 50% 0);
	width: 25%;
	height: 60px;
	text-align: center;
	margin: 0 auto;
}
#contents_01 p img {
	margin: 5px 0 0;
}
#contents_01 .green_circle {
	position: absolute;
	bottom: 4%;
	right: 2%;
}
#contents_01 p.bg_black {
	padding: 5px 0;
}
#contents_01 figure {
	position: absolute;
	top: 5px;
	right: 20px;
	width: 100px;
}
#contents_02 .flex_box {
	align-items: center;
	gap: 20px;
	width: 90%;
	margin: 0 auto;
}
#contents_02 .flex_box p {
	width: 35%;
}
#contents_02 .flex_box p.text_right {
	font-family: "a-otf-ud-shin-go-pr6n", sans-serif;
	font-weight: bold;
	font-size: clamp(13px, 4.06vw, 21px);
}
#contents_02 .flex_box figure {
	width: 30%;
}
#contents_02 .bg_black {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-weight: 600;
	text-align: center;
	padding: 10px 0;
}
#contents_02 h3 {
	font-family: "kozuka-gothic-pr6n", sans-serif;
	font-weight: 900;
	text-align: center;
	margin: 30px 0 0;
}
#contents_02 .sub_01 {
	font-family: "kozuka-gothic-pr6n", sans-serif;
	font-weight: 900;
	text-align: center;
}
#contents_02 .sub_02 {
	font-family: "hiragino-mincho-pron", sans-serif;
	font-weight: 900;
	text-align: center;
	font-size: clamp(16px, 5vw, 21px);
	margin: 30px 0 0;
}
#contents_02 .youtube {
	max-width: 560px;
	width: 100%;
	margin: 30px auto;
}
#contents_03 {
	border: 1px solid #000000;
}
#contents_03 h3 {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-weight: 600;
	font-size: clamp(16px, 5vw, 21px);
	color: #ffdf00;
	text-align: center; 
	padding: 20px 0;
}
#contents_03 p.txt {
	padding: 20px 20px 0;
}
#contents_03 ul {
	position: relative;
	margin: 20px;
}
#contents_03 ul li {
	display: flex;
	gap: 10px;
	margin: 20px auto;
}
#contents_03 ul li p {
	line-height: 1.2!important;
}
#contents_03 ul li p.title {
	background: #e6821e;
	width: clamp(80px, 25vw, 100px);
	height: auto;
	font-size: clamp(18px, 5.62vw, 24px);
	font-weight: bold;
	text-align: center;
	padding: 5% 0;
}
#contents_03 ul li .summary {
	width: 82%;
	max-width: 552px;
}
#contents_03 ul li .summary .flex_box {
	border-bottom: 1px solid #000000;
	margin: 0 0 3px;
}
#contents_03 ul li .summary .flex_box p {
	width: auto;
}
#contents_03 ul li .summary .flex_box p.txt01 span {
	font-size: clamp(16px, 5vw, 21px);
}
#contents_03 ul li .summary .flex_box p.txt02 {
	border: 1px solid #000000;
	text-align: center;
	font-size: clamp(10px, 3.12vw, 14px);
	padding: 0 5px;
}
#contents_03 ul li .summary .flex_box p.txt03 {
	font-size: clamp(18px, 5.62vw, 26px);
}
#contents_03 ul li .summary .flex_box p.txt03 span {
	font-size: clamp(30px, 9.37vw, 42px);
	font-weight: bold;
}
#contents_03 ul li .summary .flex_box p.txt04 span {
	font-size: clamp(18px, 5.62vw, 26px);
}
#contents_03 ul li .summary p.bg_black {
	display: inline;
	padding: 3px 10px;
}
#contents_03 ul li .summary p.txt05 span.red {
	font-size: clamp(16px, 5vw, 21px);
	font-weight: bold;
}
#contents_03 ul li:nth-of-type(n+2) {
	align-items: center;
}
#contents_03 ul li:ntht-of-type(n+2) p.txt06 {
	width: 115px;
}
#contents_03 ul li:nth-of-type(n+2) p.txt07 {
	width: clamp(80px, 25vw, 100px);
}
#contents_03 ul li:nth-of-type(n+2) p.txt08 {
	font-size: clamp(18px, 5.62vw, 26px);
	font-weight: bold;
	width: 68%;
}
#contents_03 ul li:nth-of-type(n+3) p.brown {
	font-size: clamp(18px, 5.62vw, 26px);
	font-weight: bold;
	margin: 0 0 5px;
}
#contents_03 ul li:nth-of-type(n+3) p.txt09 {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-weight: 600;
}
#contents_03 ul li:nth-of-type(n+4) p.txt10 {
	width: 68%;
}
#contents_03 ul li:nth-of-type(n+4) p.txt10 .red {
	font-size: clamp(18px, 5.62vw, 26px);
	font-weight: bold;
}
.material_btn {
	display: flex;
	justify-content: center;
    align-items: center;
    gap: 10px;
	background: #534741;
	color: #ffffff;
	margin: 20px;
    padding: 13px 0;
}
.material_btn a {
	color: #ffffff;
}
#deer72 .material_btn p {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-size: clamp(18px, 5.62vw, 24px);
    width: auto;
}
.material_btn figure {
	display: inline-block;
    width: 30px;
    height: 30px;
}
#contents_03 li.professor {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
}
#contents_03 li.professor figure {
	width: 200px;
}
#contents_04 .title {
	position: relative;
	background: #000000;
	color: #ffffff;
	text-align: center;
	padding: 20px 0 50px;
}
#contents_04 .title p.title_01 {
	font-size: clamp(18px, 5.62vw, 24px);
}
#contents_04 .title p.title_02 {
	font-size: clamp(18px, 5.62vw, 26px);
}
#contents_04 .title p.title_02 span {
	font-size: clamp(16px, 5vw, 21px);
}
#contents_04 .title p.title_03 {
	font-size: clamp(24px, 7.5vw, 30px);
}
#contents_04 .title figure {
	position: absolute;
	top: 20px;
	left: 5px;
	width: 102px;
}
#contents_04 .summary {
	position: relative;
	background: url(https://doshishamarche.itembox.design/item/HO/deer72/bg_food.jpg) no-repeat #000000 bottom;
	background-size: 100%;
}
#contents_04 .summary .flex_box {
	position: absolute;
	top: -45px;
	left: 50%;
	transform: translateX(-50%);
	gap: 5px;
}
#contents_04 .summary .yellow {
	text-align: center;
	font-size: clamp(18px, 5.62vw, 24px);
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 1.0);
	padding: 55px 0 0;
}
#contents_04 .summary p.img_01 {
	width: 98%;
	margin: 0 auto;
}
#contents_04 .bg_black {
	position: relative;
}
#contents_04 .bg_black .ribon {
	position: absolute;
	top: -8%;
	left: 50%;
	transform: translateX(-50%);
}
#contents_04 .bg_black p.logo img {
	filter: brightness(0) invert(100%);
}
#contents_04 .bg_black .flex_box figure {
	width: 20%;
	margin: 20px 0;
}
#contents_04 .bg_black .flex_box div {
	width: 90%;
	margin: 10% 0 20px;
	text-align: center;
}
#contents_04 .bg_black .flex_box div .flex_box {
	justify-content: center;
	gap: 10px;
	margin: 0;
}
#contents_04 .bg_black .flex_box div .flex_box p {
	width: auto;
	text-align: right;
	font-family: "a-otf-ud-shin-go-pr6n", sans-serif;
	font-weight: bold;
	font-size: clamp(13.33px, 4.16vw, 20px);
	margin: 0 0 10px;
}
#contents_04 .bg_black .flex_box div .flex_box p.logo {
	width: 50%;
}
#contents_04 .bg_black .flex_box div .txt01 {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	width: 90%;
}
#contents_05 h3 {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-weight: 700;
	font-size: clamp(18px, 5.62vw, 26px);
	text-align: center;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#contents_05 .txt01 {
	text-align: center;
	font-family: "a-otf-ryumin-pr6n", serif;
	font-weight: bold;
	font-size: clamp(24px, 7.5vw, 30px);
	margin: 20px auto;
}
#contents_05 .txt01 ruby {
	ruby-position: under;
}
#contents_05 .flex_box p {
	font-family: "kozuka-gothic-pr6n", sans-serif;
	text-align: center;
	font-size: clamp(13.33px, 4.16vw, 20px);
}
#contents_05 .flex_box {
	background: url(https://doshishamarche.itembox.design/item/HO/deer72/bg_nutrition.jpg) no-repeat;
	background-size: 100%;
}
#contents_05 .flex_box figure {
	width: 80%;
	margin: 0 auto;
	padding: 10% 0;
}

#contents_06 .flex_box {
	gap: 5%;
}
#contents_06 .flex_box figure {
	width: 25%;
}
#contents_06 .flex_box .summary_01 {
	width: 70%;
}
#contents_06 .flex_box .summary_01 .txt01 {
	font-family: "kozuka-gothic-pr6n", sans-serif;
	font-size: clamp(18px, 5.62vw, 24px);
}
#contents_06 .flex_box .summary_01 .txt02 {
	font-family: "kozuka-gothic-pr6n", sans-serif;
	margin: 10px 0 20px;
}
#contents_06 h4,#contents_07 h4 {
	margin: 20px auto;
}
#contents_07 .flex_box {
	width: 100%;
	max-width: 430px;
	margin: 0 auto;
}
#contents_07 .flex_box .txt01 {
	width: 75%;
	font-family: "kozuka-gothic-pr6n", sans-serif;
	text-align: center;
	font-size: clamp(16px, 5vw, 21px);
}
#contents_07 .flex_box .txt02 {
	font-family: "hiragino-mincho-pron", sans-serif;
	font-weight: 600;
	font-size: clamp(24px, 7.5vw, 30px);
}
#contents_07 .flex_box .txt03 {
	font-size: clamp(10px, 3.12vw, 14px);
}
#contents_07 .graph {
	width: 80%;
	margin: 20px auto;
}
#contents_08 h3 {
	width: clamp(210px, 65.6vw, 320px);
	border-bottom: 1px solid #000000;
	margin: 0 auto;
}
#contents_08 .bg_red {
	width: 39%;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	padding: 10px 20px;
	margin: 20px 0 10px;
	transform: rotate(-5deg);
}
#contents_08 .inner {
	width: 95%;
	max-width: 430px;
	margin: 0 auto;
}
#contents_08 .flex_box .txt01 .red {
	font-size: clamp(24px, 7.5vw, 30px);
	font-weight: 600;
}
#contents_08 .flex_box p {
	width: auto;
	font-size: clamp(16px, 5vw, 21px);
}
#contents_08 .flex_box p.brown {
	text-align: center;
	font-weight: 600;
	border: 1px solid #603813;
	padding: 0 5px;
}
#contents_08 .flex_box .txt02 .red {
	font-size: clamp(48px, 15vw, 60px);
	font-weight: 600;
}
#contents_08 .txt03 {
	font-size: clamp(16px, 5vw, 21px);
}
#contents_08 figure {
	width: 90%;
	margin: 20px auto 0;
}
#contents_09 {
	position: relative;
}
#contents_09 h3 {
	width: 100%;
	max-width: 800px;
	text-align: center;
	border-bottom: 1px solid #000000;
	margin: 0 auto;
}
#contents_09 h4 {
	margin: 20px 0;
}
#contents_09 figure.img_01 {
	width: 100px;
	position: absolute;
	top: 0;
	right: -45px;
}
#contents_09 .flex_box {
	gap: 20px;
}
#contents_09 .flex_box figure {
	width: 50%;
	margin: 20px auto;
}
#contents_10 .flex_box {
	width: 100%;
	max-width: 572px;
    margin: 0 auto;
}
#contents_10 .txt01 p {
	font-size: clamp(16px, 5vw, 21px);
}
#contents_10 h4 {
	margin: 20px 0;
}
#contents_10 .txt01 .red {
	font-size: clamp(24px, 7.5vw, 38px);
    font-weight: 600;
}
#contents_10 .txt01 .brown {
    font-weight: 600;
}
#contents_10 figure {
    width: 80%;
	margin: 30px auto;
}
#contents_10 .summary figure {
	width: 100px;
	margin: 0;
}

#contents_11 .bg_red {
    width: 27%;
	max-width: 93px;
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    padding: 10px 20px;
    margin: 20px 0 10px;
    transform: rotate(-5deg);
}
#contents_11 .txt01 {
	position: relative;
	width: clamp(80px, 25vw, 100px);
}

#contents_11 .blue_circle {
	padding: 30px 0;
}
#contents_11 .right_blue {
	position: absolute;
	top: 0;
	right: -90%;
	z-index: 1;
}
#contents_11 h3 {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-weight: 600;
}
#contents_11 h3 span {
	font-size: clamp(24px, 7.5vw, 30px);
}
#contents_11 .summary_01 {
	position: relative;
	margin: 20px auto;
}
#contents_11 .summary_01 .flex_box figure {
	width: 30%;
}
#contents_11 .summary_01 .flex_box .float_box {
	width: 70%;
}
#contents_11 .summary_01 .flex_box .float_box h4 {
	display: inline;
}
#contents_11 .summary_01 .flex_box .float_box figure.img_01 {
	float: right;
	margin: 20px 0 0 20px;
}


#contents_11 .summary_02 {
	margin: 20px auto;
	border: 1px solid #000000;
	padding: 20px;
}
#contents_11 .summary_02 h3 {
	font-size: clamp(16px, 5vw, 21px);
	margin: 0 0 5px;
}
#contents_12 h3 {
	width: 90%;
	text-align: center;
	margin: 0 auto;
}
#contents_12 h3::before {
	display: inline-block;
	content: "";
	background: #0071ab;
	width: 10px;
	height: 40px;
	transform: rotate(-15deg);
	margin: 0 0.5em 0 0;
}
#contents_12 h3::after {
	display: inline-block;
	content: "";
	background: #0071ab;
	width: 10px;
	height: 40px;
	transform: rotate(15deg);
	margin: 0 0 0 0.5em;
}
#contents_12 .txt01 {
	text-align: center;
	font-size: clamp(16px, 5vw, 21px);
	font-weight: 700;
	margin: 5px 0;
}
#deer72 .dog_name {
	width: 80%;
	text-align: center;
	font-size: clamp(12px, 3.755vw, 18px);
	font-weight: 700;
	border: 1px solid #000000;
	border-radius: 50px;
	margin: 5px auto;
	padding: 5px;
}
.dog_name span {
	font-size: clamp(10px, 3.12vw, 14px);
}
#contents_12 .txt02 {
	font-weight: 700;
	background: #f4d5b3;
	clip-path: polygon(13% 0, 89% 0, 100% 18%, 100% 90%, 83% 100%, 14% 100%, 0 80%, 0 19%);
	width: 42%;
	max-width: 400px;
	padding: 40px;
}
#contents_12 .flex_box {
	width: 80%;
	padding: 20px 0;
	margin: 20px auto;
}
#contents_12 .flex_box figure {
	width: 55%;
}
#contents_13 .txt01 {
	font-size: clamp(12px, 3.755vw, 18px);
	font-weight: 700;
	margin: 5px auto;
}
#contents_13 .flex_box {
	gap: 20px;
}
#contents_13 .blue_circle {
    padding: 30px 0;
}
#contents_13 .flex_box figure {
	width: 20%;
}
#contents_13 .flex_box {
	margin: 20px 0 0;
}
#contents_13 .txt02 {
	width: 83%;
}
#contents_13 .small {
	text-align: right;
}
#contents_13 .img_01 {
	width: 80%;
	margin: 20px auto;
}
#contents_14 h3 {
	width: 90%;
	text-align: center;
	margin: 0 auto;
}
#contents_14 h3::before {
	display: inline-block;
	content: "";
	background: #0071ab;
	width: 10px;
	height: 40px;
	transform: rotate(-15deg);
	margin: 0 0.5em 0 0;
}
#contents_14 h3::after {
	display: inline-block;
	content: "";
	background: #0071ab;
	width: 10px;
	height: 40px;
	transform: rotate(15deg);
	margin: 0 0 0 0.5em;
}
#contents_14 .txt01 {
	text-align: center;
	font-size: clamp(16px, 5vw, 21px);
	font-weight: 700;
	margin: 5px 0;
}
#contents_14 .flex_box {
	width: 80%;
	padding: 20px 0;
	margin: 20px auto;
}
#contents_14 .txt02 {
	font-weight: 700;
	background: #736357;
	color: #ffffff;
	clip-path: polygon(13% 0, 89% 0, 100% 18%, 100% 90%, 83% 100%, 14% 100%, 0 80%, 0 19%);
	width: 42%;
	max-width: 400px;
	padding: 60px 32px;
}
#contents_14 .flex_box figure {
	width: 55%;
}
#contents_15 .txt01 {
	font-size: clamp(24px, 7.5vw, 38px);
	font-weight: 600;
	text-align: center;
}
#contents_15 figure {
	width: 50%;
	margin: 20px auto;
}
#contents_15 .flex_box {
	width: 70%;
	margin: 20px auto;
}
#contents_15 .flex_box p {
	width: 80%;
}
#contents_15 .flex_box figure {
	width: 30%;
}
#contents_16 .txt01 {
    font-size: clamp(24px, 7.5vw, 38px);
    font-weight: 600;
    text-align: center;
}
#contents_16 .bg_dogfood h3 {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-weight: 600;
	text-align: center;
	background: #534741;
	padding: 20px 0;
}
#contents_16 .bg_dogfood h3 span {
	font-size: clamp(24px, 7.5vw, 30px);
}
#contents_16 .bg_dogfood {
	position: relative;
}
#contents_16 .bg_dogfood .blue_circle {
	position: absolute;
	top: -45px;
	left: 10px;
	padding: 30px 0;
}
#contents_16 .bg_dogfood .bg_brown_transparent {
	width: 80%;
	text-align: center;
	color: #ffffff;
	margin: 50px auto;
	border: 1px solid #ffffff;
	padding: 20px;
}
#contents_16 .bg_dogfood .bg_brown_transparent h4 {
	color: #ffffff;
	font-size: clamp(24px, 7.5vw, 30px);
	margin: 5px 0 20px;
}
#contents_16 .bg_dogfood .bg_brown_transparent .txt02 {
	font-size: clamp(13.33px, 4.16vw, 20px);
	text-align: center;
}
#contents_16 .bg_dogfood .bg_brown_transparent p {
	text-align: left;
}
#contents_16 .material_btn {
	margin: 0 20px;
	border: 1px solid #ffffff;
}
#contents_16 .pb50 {
	padding-bottom: 50px;
}
#contents_17 h3 {
	text-align: center;
	font-weight: 600;
	margin: 20px auto;
}
#contents_17 h3 span {
	font-size: clamp(24px, 7.5vw, 30px);
}
#contents_17 .bg_black{
	padding: 50px 0;
}
#contents_17 .bg_black p {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-weight: 600;
	text-align: center;
	font-size: clamp(24px, 7.5vw, 30px);
}
#contents_17 .bg_black p span {
	font-size: clamp(24px, 7.5vw, 38px);
}
#contents_18 .bg_red {
	width: clamp(222px, 69.3vw, 303px);
	clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-weight: 600;
	padding: 10px 30px 10px 20px;
}
#contents_18 .bg_paper {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	margin: 0;
	padding: 50px;
}
#contents_18 .bg_paper p.txt01 {
	font-size: clamp(12px, 3.755vw, 18px);
	font-weight: 600;
}
#contents_18 .bg_paper p+p {
	margin: 20px 0 0;
}
#contents_18 .bg_paper figure {
	width: 20%;
	margin: 20px auto;
}
#contents_19 {
	padding: 50px;
}
#contents_19 h3 {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-size: clamp(18px, 5.62vw, 26px);
	margin: 0 0 20px;
}
#contents_19 ul li {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	margin: 20px 0;
}
#contents_20 .bg_red {
 	width: clamp(190px, 59.3vw, 256px);
    clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 600;
    padding: 10px 30px 10px 20px;
	margin: 0;
}
#contents_20 h3 {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-size: clamp(24px, 7.5vw, 30px);
	text-align: center;
}
#contents_20 p {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	text-align: center;
	margin: 5px 0;
}
#contents_20 .f30 {
	font-size: clamp(24px, 7.5vw, 30px);
}
#contents_20 .flex_box .bg_black {
	width: 50%;
	padding: 11.5px 0;
}
#contents_20 .flex_box figure {
	width: 50%;
}
#contents_20 .flex_box {
	position: relative;
}
#contents_20 figure.img_01 {
	position: absolute;
	bottom: 10px;
	left: 64%;
	transform: translateX(-62%);
	width: 25%;
}
#contents_20 .txt01 {
	font-family: "hiragino-mincho-pron", sans-serif;
	font-weight: 700;
	font-size: clamp(18px, 5.62vw, 24px);
	margin: 20px auto;
}
#deer72 #contents_21 {
	position: relative;
	text-align: center;
	margin: 50px auto 20px;
}
#contents_21 h3 {
	margin: 0 0 5px;
}
#contents_21 .ribon {
	position: absolute;
	top: -4%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999999;
}
#contents_21 .txt01 {
	position: absolute;
	top: -6%;
	left: 3%;
	background: #ffffff;
	border-radius: 50%;
	width: clamp(80px, 25vw, 110px);
	height: clamp(60px, 18.7vw, 90px);
	font-size: clamp(12px, 3.755vw, 18px);
	font-weight: 700;
	padding: 5px;
}
#contents_21 .bg_black {
	padding: 50px 0 0;
}
#contents_21 .bg_black p {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
}
#contents_21 .bg_black p.txt02 {
	font-size: clamp(16px, 5vw, 21px);
}
#contents_21 .bg_black .summary_01 {
	width: 90%;
	margin: 20px auto;
}
#contents_21 .bg_black .summary_02 {
	position: relative;
	width: 90%;
	margin: 20px auto;
}
#contents_21 .bg_black .flex_box p.txt03 {
	width: 40%;
	text-align: left;
}
#contents_21 .bg_black .flex_box p.txt04 {
	width: 60%;
	font-size: clamp(18px, 5.62vw, 26px);
}
#contents_21 .bg_black p.logo img {
	filter: brightness(0) invert(100%);
}
#contents_21 .bg_black .flex_box figure {
	width: 30%;
}
#contents_21 .bg_black .flex_box div {
	width: 85%;
	text-align: left;
}
#contents_21 .bg_black .flex_box div .flex_box {
	justify-content: flex-start;
	gap: 20px;
}
#contents_21 .bg_black .flex_box div .flex_box p {
	width: auto;
	text-align: right;
	font-family: "a-otf-ud-shin-go-pr6n", sans-serif;
	font-weight: bold;
	font-size: clamp(13.33px, 4.16vw, 20px);
	margin: 0 0 10px;
}
#contents_21 .bg_black .flex_box div .flex_box p.logo {
	width: 50%;
}
#contents_21 .bg_black .flex_box div .txt05 {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
}
#contents_21 .bg_black .summary_02 .img_01 {
	position: absolute;
	width: 20%;
	bottom: 32px;
	right: -38px;
}
#contents_21 .buy .buy_btn {
	width: 95%;
	color: #000000;
}
#contents_22 h3 {
	font-size: clamp(24px, 7.5vw, 30px);
	font-weight: 700;
	text-align: center;
}
#contents_22 .bg_soft {
	gap: 20px;
	padding: 30px;
	margin: 20px auto;
}
#contents_22 .bg_soft figure {
	width: 20%;
}
#contents_22 .bg_soft div {
	width: 75%;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
}
#contents_22 .bg_soft div .txt01 {
	margin: 30px 0 0;
}
#contents_23 h4 {
	font-size: clamp(24px, 7.5vw, 30px);
	text-align: center;
}
#contents_23 h4 span {
	font-size: clamp(16px, 5vw, 21px);
}
#contents_23 .bg_black {
	position: relative;
	padding: 10% 50px 30px;
	margin: 50px auto 0;
}
#contents_23 .bg_black .ribon {
	position: absolute;
	top: -10%;
	left: 50%;
	transform: translateX(-50%);
}
#contents_23 .bg_black .txt01 {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
}
#contents_23 .bg_black .txt02 {
	font-size: clamp(24px, 7.5vw, 30px);
	margin: 10px 0 0; 
}
#contents_23 .flex_box.summary {
	align-items: flex-end;
	border-bottom: 1px solid #000000;
}
#contents_23 .flex_box .bg_dog {
	position: relative;
	width: 50%;
}
#contents_23 .flex_box .bg_dog figure {
	width: 60%;
	position: absolute;
	bottom: 20px;
	left: -40px;
}
#contents_23 .flex_box .bg_dog p {
	text-align: center;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
}
#contents_23 .flex_box .bg_dog p.red {
	font-size: clamp(18px, 5.62vw, 24px);
	margin: 20px 0 0;
}
#contents_23 .flex_box .bg_dog .flex_box {
	width: 90%;
	max-width: 400px;
	margin: 20px auto;
}

#contents_23 .flex_box .summary_01 {
	position: relative;
	width: 50%;
}
#contents_23 .flex_box .summary_01 .flex_box p {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
}
#contents_23 .flex_box .summary_01 .flex_box {
	align-items: flex-end;
}
#contents_23 .flex_box .summary_01 .flex_box figure {
	width: 37%;
}
#contents_23 .flex_box .summary_01 .flex_box div {
	width: 63%;
	text-align: right;
}
#contents_23 .flex_box .summary_01 .flex_box div .logo {
	width: 100%;
}
#contents_23 .flex_box .summary_01 .flex_box div .txt03 {
	font-size: clamp(10px, 3.12vw, 14px)!important;
	text-align: left;
	margin: 10px 0;
}
#contents_23 .flex_box .summary_01 .img_01 {
	margin: 20px;
}
#contents_23 .flex_box .summary_01 .txt04 {
	margin: 20px 0 0 20px;
}
#contents_23 .flex_box .summary_01 .txt05 {
	font-size: clamp(10px, 3.12vw, 14px)!important;
	margin: 0 0 5px 20px;
}
#contents_23 .flex_box .summary_01 .green_circle {
	position: absolute;
	top: -40%;
	right: 10px;
	padding: 6.2% 0;
}
#detail {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
}
#detail h5 {
	font-size: clamp(12px, 3.755vw, 18px);
	font-weight: 700;
	margin: 0 0 5px;
}
#detail .flex_box {
	align-items: flex-start;
	gap: 10px;
}
#detail ul {
	margin: 0 0 10px;
}
#detail .bg_gray .sub_01 {
	font-size: clamp(10px, 3.12vw, 14px);
}
#detail .bg_gray {
	margin: 20px auto;
}
#detail .bg_gray .sub_02 {
	font-size: clamp(10px, 3.12vw, 14px);
	margin: 10px 0 0;
}
#detail .bg_gray .flex_box {
	gap: 10px;
}
#detail .bg_gray .flex_box div {
	width: 50%;
}
#detail .bg_gray .flex_box figure {
	width: 50%;
}
#detail .summary_01 {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 20px 0;
}
#detail .txt01 {
	font-size: clamp(10px, 3.12vw, 14px)!important;
	border-bottom: 1px solid #000000;
	padding: 20px 0;
}
#detail .info {
	margin: 20px auto;
}
#detail .info .flex_box {
	margin: 5px 0 0;
}
#detail .info .flex_box .summary_02 {
	width: 50%;
}
#detail .info .flex_box .summary_03 {
	width: 50%;
}
#detail .info .flex_box .img_01 {
	width: 20%;
}
#detail .info .flex_box .txt02 {
	width: 80%;
}
#detail .info .flex_box .txt03 {
	font-size: clamp(24px, 7.5vw, 30px);
}
#detail .info .flex_box .txt04 {
	margin: 10px 0 0;
}
#course h3 {
	text-align: center;
	font-size: clamp(24px, 7.5vw, 30px);
	margin: 20px 0;
}
#course .flex_box.two {
	width: 98%;
	margin: 20px auto;
	gap: 20px;
}
#course .flex_box .course_01 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	background: #e05a24;
	border-radius: 10px;
	color: #ffffff;
	text-align: center;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-size: clamp(18px, 5.62vw, 26px);
	padding: 20px;
}
#course .flex_box .course_02 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	background: #888075;
	border-radius: 10px;
	color: #ffffff;
	text-align: center;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-size: clamp(18px, 5.62vw, 26px);
	padding: 20px;
}
#course .flex_box .course_01 p,#course .flex_box .course_02 p {
	font-size: clamp(18px, 5.62vw, 26px);
}
#course .flex_box .buy_arrow {
	width: 20%;
}
#regular_4bags,#regular_8bags {
	width: 100%;
	background: #fcf3e5;
	border: 1px solid #e05a24;
	border-radius: 10px;
	margin: 20px auto;	
}
#regular_4bags .title,#regular_8bags .title {
	position: relative;
	width: 90%;
	background: #e05a24;
	color: #ffffff;
	margin: 20px auto;	
}
#regular_4bags .title .txt01,#regular_8bags .title .txt01 {
	position: absolute;
	top: 50%;
	left: 2%;
	transform: translateY(-50%);
	width: clamp(85px, 26.5vw, 116px);
	background: #ffffff;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-size: clamp(13.33px, 4.16vw, 20px);
	border-radius: 50%;
	color: #dc1c24;
	padding: 15px 10px;
}
#regular_4bags .title .txt02,#regular_8bags .title .txt02 {
	text-align: center;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-size: clamp(18px, 5.62vw, 26px);
	padding: 10px;
}
#regular_4bags .title .txt02 span span,#regular_8bags .title .txt02 span span {
	font-size: clamp(24px, 7.5vw, 38px);
}
#regular_4bags .title .txt02 span,#regular_8bags .title .txt02 span {
	 text-shadow: 2px 1px 5px rgba(0, 0, 0, 0.8);
}
#regular_4bags .txt03,#regular_8bags .txt03 {
	width: auto;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-size: clamp(12px, 3.755vw, 18px);
}
#regular_4bags .txt06,#regular_8bags .txt06 {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-size: clamp(10px, 3.12vw, 14px);
	text-align: center;
}
#regular_4bags .txt04 span,#regular_8bags .txt04 span {
	font-size: clamp(24px, 7.5vw, 30px);
}
#regular_4bags .txt05,#regular_8bags .txt05 {
	width: auto;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
}
#regular_4bags .txt05 span,#regular_8bags .txt05 span {
	position: relative;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-size: clamp(24px, 7.5vw, 30px);
}
#regular_4bags .txt05 span::before,#regular_8bags .txt05 span::before {
	position: absolute;
    content: "";
    display: block;
    transform: rotate(-10deg);
    background-color: #000000;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
}
#regular_4bags .txt05 span::after,#regular_8bags .txt05 span::after {
	position: absolute;
    content: "";
    display: block;
    transform: rotate(10deg);
    background-color: #000000;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
}
#regular_4bags .white.bg_red,#regular_8bags .white.bg_red {
	font-size: clamp(24px, 7.5vw, 30px);
	padding: 0 10px;
}
#regular_4bags .white.bg_red span,#regular_8bags .white.bg_red span {
	font-size: clamp(24px, 7.5vw, 38px);
}
#regular_4bags .red,#regular_8bags .red {
	font-size: clamp(24px, 7.5vw, 38px);
	font-weight: 700;
}
#regular_4bags .red span,#regular_8bags .red span {
	font-size: clamp(24px, 7.5vw, 30px);
}

#regular_4bags .off,#regular_8bags .off {
	width: clamp(97px, 30.3vw, 130px);
	height: clamp(97px, 30.3vw, 130px);
	background: #ffff00;
	color: #b0272d;
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	font-weight: 600;
	line-height: 0.8!important;
	text-align: center;
	border-radius: 50%;
	padding: 15px;
}
#regular_4bags .off span.off_01,#regular_8bags .off span.off_01 {
	font-size: clamp(18px, 5.62vw, 24px);
}
#regular_4bags .off span.off_02,#regular_8bags .off span.off_02 {
	font-size: clamp(40px, 12.5vw, 50px);
}
#regular_4bags .off span.off_03,#regular_8bags .off span.off_03 {
	font-size: clamp(24px, 7.5vw, 38px);
}
#regular_4bags .buy_btn,#regular_8bags .buy_btn {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background: #ffffff;
	font-weight: 300;
	border-radius: 10px;
	border: 1px solid #e05a24;
    margin: 5px auto 0;
    padding: 13px 20px;
	box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.4);
}
#regular_4bags .buy_btn p,#regular_8bags .buy_btn p {
	font-size: clamp(24px, 7.5vw, 30px);
	font-family: "a-otf-ud-shin-go-pr6n", sans-serif;
	font-weight: 600;
	color: #e05a24;
}
#regular_4bags .summary_01,#regular_8bags .summary_01 {
	width: 25%;
}
#regular_4bags .summary_02,#regular_8bags .summary_02 {
	width: 75%;
}
#regular_4bags .summary_03,#regular_8bags .summary_03 {
	width: 70%;
}
#regular_4bags .summary_04,#regular_8bags .summary_04 {
	position: relative;
	gap: 10px;
}
#regular_4bags .summary_05,#regular_8bags .summary_05 {
	width: 90%;
	margin: 20px auto;
}
#regular_4bags .frame,#regular_8bags .frame {
	width: 90%;
	gap: 10px;
	align-items: flex-start;
	margin: 20px auto;
}
#regular_4bags .flex_box .buy_arrow,#regular_8bags .flex_box .buy_arrow {
	width: 38px;
}
#regular_4bags .img_01,#regular_8bags .img_01 {
	position: absolute;
	top: 47%;
	right: -78px;
	width: 130px;
}
#set_4bags,#set_8bags {
	width: 100%;
	background: #eaf3ea;
	border: 1px solid #736357;
	border-radius: 10px;
	margin: 20px auto;	
}
#set_4bags .title,#set_8bags .title {
	position: relative;
	width: 90%;
	background: #888075;
	color: #ffffff;
	margin: 20px auto;	
}
#set_4bags .title .txt01,#set_8bags .title .txt01 {
	position: absolute;
	top: 50%;
	left: 2%;
	transform: translateY(-50%);
	width: 116px;
	background: #ffffff;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-size: clamp(13.33px, 4.16vw, 20px);
	border-radius: 50%;
	color: #dc1c24;
	padding: 15px 10px;
}
#set_4bags .title .txt02,#set_8bags .title .txt02 {
	text-align: center;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-size: clamp(18px, 5.62vw, 26px);
	padding: 10px;
}
#set_4bags .title .txt02 span span,#set_8bags .title .txt02 span span {
	font-size: clamp(24px, 7.5vw, 38px);
}
#set_4bags .title .txt02 span,#set_8bags .title .txt02 span {
	 text-shadow: 2px 1px 5px rgba(0, 0, 0, 0.8);
}
#set_4bags .txt03,#set_8bags .txt03 {
	width: auto;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-size: clamp(12px, 3.755vw, 18px);
}
#set_4bags .txt06,#set_8bags .txt06 {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-size: clamp(10px, 3.12vw, 14px);
	text-align: center;
}
#set_4bags .txt04 span,#set_8bags .txt04 span {
	font-size: clamp(24px, 7.5vw, 30px);
}
#set_4bags .txt05,#set_8bags .txt05 {
	width: auto;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
}
#set_4bags .txt05 span,#set_8bags .txt05 span {
	position: relative;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-size: clamp(24px, 7.5vw, 30px);
}
#set_4bags .txt05 span::before,#set_8bags .txt05 span::before {
	position: absolute;
    content: "";
    display: block;
    transform: rotate(-10deg);
    background-color: #000000;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
}
#set_4bags .txt05 span::after,#set_8bags .txt05 span::after {
	position: absolute;
    content: "";
    display: block;
    transform: rotate(10deg);
    background-color: #000000;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
}
#set_4bags .white.bg_red,#set_8bags .white.bg_red {
	background: #603813;
	font-size: 25px;
	padding: 0 10px;
}
#set_4bags .white.bg_red span,#set_8bags .white.bg_red span {
	font-size: clamp(24px, 7.5vw, 38px);
}
#set_4bags .red,#set_8bags .red {
	font-size: clamp(24px, 7.5vw, 38px);
	font-weight: 700;
}
#set_4bags .red span,#set_8bags .red span {
	font-size: clamp(24px, 7.5vw, 30px);
}

#set_4bags .off,#set_8bags .off {
	width: 130px;
	height: 130px;
	background: #ffff00;
	color: #b0272d;
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	font-weight: 600;
	line-height: 0.8!important;
	text-align: center;
	border-radius: 50%;
	padding: 15px;
}
#set_4bags .off span.off_01,#set_8bags .off span.off_01 {
	font-size: clamp(18px, 5.62vw, 24px);
}
#set_4bags .off span.off_02,#set_8bags .off span.off_02 {
	font-size: 50px;
}
#set_4bags .off span.off_03,#set_8bags .off span.off_03 {
	font-size: clamp(24px, 7.5vw, 38px);
}
#set_4bags .buy_btn,#set_8bags .buy_btn {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background: #ffffff;
	font-weight: 300;
	border-radius: 10px;
	border: 1px solid #534741;
    margin: 5px auto 0;
    padding: 13px 20px;
	box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.4);
}
#set_4bags .buy_btn p,#set_8bags .buy_btn p {
	font-size: clamp(24px, 7.5vw, 30px);
	font-family: "a-otf-ud-shin-go-pr6n", sans-serif;
	font-weight: 600;
	color: #534741;
}
#set_4bags .summary_01,#set_8bags .summary_01 {
	width: 25%;
}
#set_4bags .summary_02,#set_8bags .summary_02 {
	width: 75%;
}
#set_4bags .summary_03,#set_8bags .summary_03 {
	width: 70%;
}
#set_4bags .summary_03 .flex_box,#set_8bags .summary_03 .flex_box {
	justify-content: flex-start;
}
#set_4bags .summary_04,#set_8bags .summary_04 {
	gap: 10px;
}
#set_4bags .summary_05,#set_8bags .summary_05 {
	width: 90%;
	margin: 20px auto;
}
#set_4bags .frame,#set_8bags .frame {
	width: 90%;
	gap: 10px;
	align-items: flex-start;
	margin: 20px auto;
}
#set_4bags .flex_box .buy_arrow,#set_8bags .flex_box .buy_arrow {
	width: 38px;
}
.br_767 {
	display: none;
}
.br_480 {
	display: none;
}
#deer72 .float_none {
	clear: both;
}
#contents_23 .blue_circle {
	padding: 30px 0;
}
#deer72 .to_marche img {
	width: 30%;
	margin: 20px auto 50px;
}
#deer72 .to_marche p {
	text-align: center;
}

@media (max-width: 767px) {
	#deer72 .txt_inner {
		width: 95%;
	}
	.br_767 {
		display: block;
	}
	#contents_02 .flex_box {
		width: 95%;
		gap: 10px;
	}
	#contents_02 .flex_box figure {
		width: 20%;
	}
	#contents_03 ul li:first-of-type {
		display: block;
	}
	#contents_03 ul li:nth-of-type(n+2)  {
		align-items: flex-start;
	}
	#contents_03 ul li:nth-of-type(n+2) div {
		width: 68%;
	}
	#contents_03 ul li .summary {
		width: 100%;
		max-width: 100%;
		margin: 10px auto;
	}
	#contents_03 ul li .summary .flex_box {
		justify-content: center;
		flex-wrap: wrap;
		gap: 0 10px;
		margin: 0 0 10px;
	}
	#contents_03 li.professor {
		display: none;
	}
	#contents_04 .title figure {
		display: none;
	}
	#deer72 .buy {
		width: 95%;
		margin: 0 auto;
	}
	#deer72 .buy h2 {
		line-height: 0.8;
		margin: 20px 0;
	}
	#deer72 .buy .price {
		flex-wrap: wrap;
		gap: 0 1%;
	}
	#deer72 .buy .nomal_price {
		width: 90%;
		text-align: left;
		margin: 10px 0 0;
	}
	#deer72 .buy .special_price {
		width: 40%;
	}
	#deer72 .buy .sale_price {
		width: 50%;
	}
	section#contents_06 {
		width: 95%;
	}
	section#contents_07 {
		width: 95%;
	}
	section#contents_10 {
		width: 95%;
	}
	section#contents_11 {
		width: 95%;
	}
	section#contents_15 {
		width: 95%;
	}
	#contents_09 figure.img_01 {
		display: none;
	}
	section#contents_09 {
		width: 95%;
	}
	section#contents_13 {
		width: 95%;
	}
	#contents_09 .flex_box {
		display: block;
	}
	#contents_10 .flex_box {
		display: block;
	}
	#contents_10 .flex_box .txt01{
		margin: 20px auto;
	}
	#contents_11 .summary_01 .flex_box {
		display: block;
	}
	#contents_11 .summary_01 .flex_box figure {
		width: 40%;
		margin: 20px auto;
	}
	#contents_11 .summary_01 .flex_box .float_box {
		width: 100%;
	}
	#contents_11 .summary_01 .flex_box .float_box figure.img_01 {
		display: none;
	}
	#contents_12 .flex_box {
		display: block;
		width: 80%;
		padding: 20px 0;
		margin: 20px auto;
	}
	#contents_12 .flex_box figure {
		width: 90%;
		margin: 20px auto;
	}
	#contents_12 .flex_box .txt02 {
		width: 80%;
		margin: 20px auto;
		padding: 30px;
	}
	#contents_13 .flex_box {
		display: block;
		margin: 20px 0 0;
	}
	#contents_13 .flex_box figure {
		width: 40%;
		margin: 20px auto;
	}
	#contents_13 .txt02 {
		width: 100%;
		margin: 20px auto;
	}
	#contents_12 h3::before {
		display: none;
	}
	#contents_12 h3::after {
		display: none;
	}
	#contents_14 h3::before {
		display: none;
	}
	#contents_14 h3::after {
		display: none;
	}
	#contents_14 .flex_box {
		display: block;
	}
	#contents_14 .flex_box figure {
		width: 90%;
		margin: 20px auto;
	}
	#contents_14 .txt02 {
		width: 80%;
		padding: 30px;
		margin: 20px auto;
	}
	#contents_15 .flex_box {
		display: block;
		width: 100%;
	}
	#contents_15 .flex_box p {
		width: 100%;
	}
	#contents_15 .flex_box figure {
		width: 40%;
	}
	#contents_16 .bg_dogfood .blue_circle {
		top: -55px;
		left: 5px;
	}
	#contents_18 .bg_paper {
		padding: 30px;
	}
	#contents_20 .flex_box {
		display: block;
	}
	#contents_20 .flex_box .bg_black {
		width: 100%;
		padding: 15px 0;
	}
	#contents_20 .flex_box figure {
		width: 100%;
	}
	#contents_20 figure.img_01 {
		display: none;
	}
	#contents_21 .bg_black .summary_01 {
		max-width: 415px;
	}
	#contents_21 .bg_black .flex_box p.txt03 {
		width: auto;
	}
	#contents_21 .bg_black .flex_box p.txt04 {
		width: auto;
	}
	#contents_21 .bg_black .summary_02 .img_01 {
		display: none;
	}
	#contents_21 .bg_black .summary_02 {
		width: 95%;
	}
	#contents_21 .bg_black .flex_box div .flex_box {
		width: 100%;
		gap: 10px;
	}
	section#contents_22 {
		width: 95%;
	}
	#contents_22 .flex_box {
		display: block;
	}
	#contents_22 .bg_soft figure {
		width: 40%;
		margin: 0 auto 20px;
	}
	#contents_22 .bg_soft div {
		width: 100%;
	}
	#contents_23 .flex_box.summary {
		display: block;
	}
	#contents_23 .flex_box .bg_dog {
		width: 100%;
		background-position: center;
	}
	#contents_23 .flex_box .summary_01 {
		width: 95%;
		margin: 20px auto;
	}
	#contents_23 .flex_box .bg_dog p.red {
		margin: 0;
		padding: 5% 0 0;
	}
	#contents_23 .flex_box .bg_dog .flex_box {
		margin: 5% auto 50%;
	}
	#contents_23 .flex_box .bg_dog figure {
		width: 40%;
		bottom: 10%;
		left: 10px;
	}
	#contents_23 .flex_box .summary_01 .green_circle {
		padding: 20px 0;
	}
	section#detail {
		width: 95%;
		margin: 20px auto;
	}
	#detail .flex_box {
		display: block;
	}
	#detail .bg_gray .flex_box div {
		width: 100%;
	}
	#detail .bg_gray .flex_box figure {
		width: 100%;
		margin: 20px auto;
	}
	#detail .info .flex_box .summary_02 {
		width: 100%;
	}
	#detail .info .flex_box .summary_03 {
		width: 100%;
	}
	section#course {
		width: 95%;
		margin: 20px auto;
	}
	#course .flex_box.two {
		display: block;
		width: 100%;
		max-width: 350px;
	}
	#course .flex_box.two .course_01 {
		margin-bottom: 5px;
	}
	#regular_4bags .frame, #regular_8bags .frame {
		display: block;
	}
	#regular_4bags .summary_01, #regular_8bags .summary_01 {
		width: 100%;
		margin: 20px auto;
	}
	#regular_4bags .summary_01 figure, #regular_8bags .summary_01 figure {
		width: 40%;
		margin: 20px auto;
	}
	#regular_4bags .summary_02, #regular_8bags .summary_02 {
		width: 100%;
	}
	#regular_4bags .summary_02 .txt04, #regular_8bags .summary_02 .txt04 {
		text-align: center;
		margin: 0 auto 20px;
	}
	#regular_4bags .title .txt01, #regular_8bags .title .txt01 {
		top: -15%;
		left: -5%;
	}
	#regular_4bags .summary_04, #regular_8bags .summary_04 {
		display: block;
	}
	#regular_4bags .summary_03, #regular_8bags .summary_03 {
		max-width: 327px;
		width: 100%;
		text-align: center;
		margin: 10px auto 5px;
	}
	#regular_4bags .txt03, #regular_8bags .txt03 {
		width: auto;
	}
	#regular_4bags .txt05, #regular_8bags .txt05 {
		width: auto;
	}
	#regular_4bags .white.bg_red, #regular_8bags .white.bg_red {
		margin: 0 auto;
	}
	#regular_4bags .summary_05 p, #regular_8bags .summary_05 p {
		text-align: left;
	}
	#regular_4bags .off, #regular_8bags .off {
		position: absolute;
		top: -220px;
		left: 0;
	}
	#regular_4bags .img_01, #regular_8bags .img_01 {
		display: none;
	}
	#regular_4bags .buy_btn, #regular_8bags .buy_btn {
		max-width: 331px;
		gap: 10px;
	}
	#regular_4bags .buy_btn p, #regular_8bags .buy_btn p {
		width: auto;
	}
	#set_4bags .frame, #set_8bags .frame {
		display: block;
	}
	#set_4bags .summary_01, #set_8bags .summary_01 {
		width: 100%;
		margin: 20px auto;
	}
	#set_4bags .summary_01 figure, #set_8bags .summary_01 figure {
		width: 40%;
		margin: 20px auto;
	}
	#set_4bags .summary_02, #set_8bags .summary_02 {
		width: 100%;
	}
	#set_4bags .summary_02 .txt04, #set_8bags .summary_02 .txt04 {
		text-align: center;
		margin: 0 auto 20px;
	}
	#set_4bags .title .txt01, #set_8bags .title .txt01 {
		top: -15%;
		left: -5%;
	}
	#set_4bags .summary_04, #set_8bags .summary_04 {
		display: block;
	}
	#set_4bags .summary_03, #set_8bags .summary_03 {
		width: 100%;
		text-align: center;
	}
	#set_4bags .summary_03, #set_8bags .summary_03 .flex_box {
		max-width: 327px;
		margin: 10px auto 5px;
	}
	#set_4bags .txt03, #set_8bags .txt03 {
		width: auto;
	}
	#set_4bags .txt05, #set_8bags .txt05 {
		width: auto;
	}
	#set_4bags .white.bg_red, #set_8bags .white.bg_red {
		margin: 0 auto;
	}
	#set_4bags .summary_05 p, #set_8bags .summary_05 p {
		text-align: left;
	}
	#set_4bags .off, #set_8bags .off {
		position: absolute;
		top: -220px;
		left: 0;
	}
	#set_4bags .img_01, #set_8bags .img_01 {
		display: none;
	}
	#set_4bags .buy_btn, #set_8bags .buy_btn {
		max-width: 331px;
		gap: 10px;
	}
	#set_4bags .buy_btn p, #set_8bags .buy_btn p {
		width: auto;
	}
	#set_4bags .summary_03 .flex_box, #set_8bags .summary_03 .flex_box {
		justify-content: space-between;
	}

}

@media (max-width: 480px) {
	#contents_01 p.pink {
		width: 25%;
		height: 40px;
	}
	.br_480 {
		display: block;
	}
	#contents_02 h3 {
		margin: 30px 0 10px;
	}
	#contents_06 .flex_box {
		display: block;
	}
	#contents_06 .flex_box figure {
		width: 30%;
		margin: 0 auto;
	}
	#contents_06 .flex_box .summary_01 {
		width: 100%;
	}
	#contents_06 .flex_box .summary_01 .txt01 {
		text-align: center;
	}
	#contents_06 .flex_box .summary_01 .txt02 {
		text-align: center;
	}
	#contents_08 .inner .flex_box {
		flex-wrap: wrap;
		gap: 0 2%;
	}
	#contents_08 .inner .flex_box .txt01 {
		width: 100%;
	}
	#contents_08 .flex_box p {
		width: 49%;
	}
	#contents_18 .bg_paper {
		padding: 20px;
	}
	#contents_21 .bg_black .flex_box div .flex_box {
		gap: 5px;
	}
	#contents_23 .flex_box .summary_01 .green_circle {
		top: -140px;
		right: 10px;
	}
	#contents_23 .flex_box .summary_01 .green_circle {
		padding: 14px 0;
	}
	#regular_4bags .off, #regular_8bags .off {
		left: -10px;
	}
	#set_4bags .off, #set_8bags .off {
		left: -10px;
	}
}














