@charset "utf-8";
:root {
    --main_orange: #f08200;
}

/*reset_start*/
@media screen and (max-width:1024px) {
#wrapper {
  min-width: auto!important; 
  overflow: hidden; 
} 
} 
 
.st-ns_ContentsWrapAll *{
  box-sizing:border-box; 
  font-feature-settings:"palt"; 
  font-style:normal; 
  letter-spacing:1.3px; 
} 
 
.st-ns_ContentsWrapAll * img{
  vertical-align: bottom; 
  -webkit-backface-visibility: hidden; 
} 
 
/*reset_end*/

.st-ns_ContentsWrapAll {
  background: #a52125; 
  box-sizing: border-box; 
  color: #000; 
  font-feature-settings: "palt"; 
  font-size: 16px; 
  letter-spacing: 1.3px; 
  line-height: 1.6; 
  margin: -20px 0 0; 
  padding: 0; 
  overflow: hidden; 
  position: relative; 
  width: 100%; 
} 
 
#mainContent {
  margin-bottom: 0!important; 
  padding: 0!important; 
} 
 
.st-ns_ContentsWrapAll a {
  display: block; 
  text-decoration: none; 
  transition: 0.3s; 
} 
 
.st-ns_ContentsWrapAll a:hover img {
  opacity: 1; 
} 
 
.st-ns_ContentsWrapAll img {
  display: block; 
  height: auto; 
  margin: auto; 
} 
 
.st-ns_ContentsWrapAll a:before, 
.st-ns_ContentsWrapAll a:after {
  content: ""; 
  display: block; 
  position: absolute; 
} 
 
.st-ns_ContentsWrapAll h2 {
  border-bottom: none; 
  margin: 0; 
  padding: 0; 
} 
 
/*common_start*/
h2.st-ns_commonTitleH2 {
  font-weight: bold; 
  margin-bottom: 34px; 
  text-align: center; 
  width: 100%; 
} 
 
.st-ns_areaH2 {
  margin: auto; 
  padding: 34px 0 75px; 
  position: relative;  
  z-index: 2; 
} 
 
.st-ns_areaH2:nth-of-type(2){
  background: none; 
  border: none; 
  max-width: 880px; 
  padding: 70px 0; 
  width: 100%; 
} 
 
.st-ns_areaMiddle {
  background: url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/251201kusuriya/bg_ptn.jpg") repeat-y; 
  background-size: 100%; 
  max-width: 1000px; 
  box-sizing: border-box; 
  display: block; 
  margin: 34px auto 0; 
  position: relative; 
  width: 100%; 
} 
 
.st-ns_areaMiddle:before{
  background: url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/251201kusuriya/circle_repeat.png") repeat-y;
  background-size: 100%; 
  content: ''; 
  height: 100%; 
  position: absolute; 
  top: 850px; 
  width: 100%; 
} 
 
/*hover_start*/
.st-ns_ContentsWrapAll a, 
.st-ns_ContentsWrapAll a img {
  opacity: 1; 
  transition: 0.3s; 
} 
 
.st-ns_breadcrumb a:hover{
  color: #000; 
  text-decoration: underline; 
  transition: 0.8s; 
} 
 
.st-ns_anc a:hover {
  transform: translate(0px, 8px); 
  transition: 0.3s; 
} 
 
.st-ns_goods__linkList li a:hover, 
.st-ns_bn a:hover{
  transform: translate(8px, 0px); 
  transition: 0.3s; 
} 
 
/*hover_end*/

/*breadcrumb_start*/
.st-ns_breadcrumb {
  background: #fff; 
  box-sizing: border-box; 
  display: block; 
  height: 28px; 
  line-height: 1.3; 
  padding: 7px 0 7px 10px; 
  width: 100%; 
} 
 
ol.st-ns_breadcrumb li {
  float: left; 
  font-size: 12px; 
  padding-left: 22px; 
  position: relative; 
} 
 
ol.st-ns_breadcrumb li:before {
  border-right: solid 1px; 
  border-top: solid 1px; 
  color: #000; 
  content: ""; 
  display: block; 
  height: 6px; 
  left: 0.2rem; 
  position: absolute; 
  top: 29%; 
  transform: rotate(45deg) translate(0, -25%); 
  width: 6px; 
} 
 
ol.st-ns_breadcrumb li:first-child:before {
  display: none; 
} 
 
ol.st-ns_breadcrumb li:first-child {
  background: none; 
  padding-left: 0; 
} 
 
ol.st-ns_breadcrumb li, 
ol.st-ns_breadcrumb li a {
  color: #000; 
} 
 
ol.st-ns_breadcrumb li a:hover {
  transform: translate(0, 0); 
} 
 
ol.st-ns_breadcrumb li a {
  text-decoration: none; 
} 
 
/*breadcrumb_end*/

/*top_start*/
h1.st-ns_top__im {
  border: none; 
  margin: 0 auto; 
  max-width: 1000px; 
  padding: 0; 
  position: relative; 
} 
 
h1.st-ns_top__im .st-ns_kvImg{
  position: relative; 
  z-index: 1; 
} 
 
.st-ns_kvTxt{
  position: absolute; 
  top: 4px; 
  left: 133px; 
  z-index: 2; 
}
 
h1.st-ns_top__im img{
  margin: auto; 
  max-width: 1000px; 
  width: 100%; 
} 
 
.st-ns_kikan{
  margin-top: -933px; 
  position: relative; 
  z-index: 2; 
} 
 
.st-ns_anc{
  display: flex; 
  justify-content: space-between; 
  margin: 24px auto 0; 
  max-width: 880px; 
  position: relative; 
  z-index: 2; 
}
/*top_end*/

/*goods_start*/
.st-ns_goods__group:nth-of-type(n+2){
  margin-top: 90px; 
} 
 
.st-ns_goods{
  background-color: #ffffff; 
  background-image: linear-gradient(90deg, #edf1f080 2px, transparent 2px), linear-gradient(#edf1f080 2px, transparent 2px); 
  background-position: 10px 10px; 
  background-size: 25px 25px; 
  border: 2px solid #440205; 
  max-width: 880px; 
  margin: auto; 
} 
 
.st-ns_goods__im {
  width: 100%; 
} 
 
.st-ns_goods__linkList {
  margin-top: 24px; 
} 
 
.st-ns_goods__linkList.st-ns_col4{
  display: flex; 
  justify-content: center; 
  max-width: 780px; 
  margin: 24px auto 0; 
} 
 
.st-ns_goods__linkList.st-ns_col4 li{
  margin: 0; 
  max-width: 177px; 
}
 
.st-ns_goods__linkList.st-ns_col4 li:nth-of-type(n+2){
  margin-left: 24px; 
} 
 
.st-ns_goods__linkList.st-ns_col4 img{
  margin: 0; 
}
 
.st-ns_goods__linkList.st-ns_flex {
  display: flex; 
  justify-content: center; 
} 
 
.st-ns_goods__groupHalfLeft .st-ns_goods__linkList {
  box-sizing: border-box; 
  width: 100%; 
} 
 
.st-ns_goods__linkList > * {
  margin: auto; 
  max-width: 300px; 
  width: 100%; 
} 

.st-ns_goods__linkList a {
  align-items: center; 
  box-sizing: border-box; 
} 
 
/*goods_end*/

.st-ns_bn{
  display: flex; 
  justify-content: space-between; 
  margin: 0 auto 26px; 
  max-width: 860px; 
  position: relative; 
  z-index: 2; 
} 
 
.st-ns_areaBottom {
  padding-bottom: 24px; 
  position: relative; 
  text-align: center; 
  z-index: 2; 
} 
 
/*contents_end*/

@media screen and (min-width: 641px) {
.st-ns_SP, 
.st-ns_SP a, 
img.st-ns_SP {
  display: none; 
} 
} 
 
/*----------max-width: 1024px------------*/

@media screen and (max-width: 1024px) {

.st-ns_ContentsWrapAll img{
  width: 100%; 
  height: auto; 
}
 
/*breadcrumbs_start*/
.st-ns_breadcrumb {
  display: flex; 
  height: auto; 
  line-height: 1.2em; 
  padding: 0.7vw 1vw; 
  white-space: nowrap; 
  width: 100%; 
} 
 
.st-ns_breadcrumb li {
  display:inline-block; 
  font-weight: 400; 
  position: relative; 
} 
 
.st-ns_breadcrumb li:nth-of-type(n+2):before {
  border-width: 1px 1px 0 0; 
  content: ""; 
  display: block; 
  height: 6px; 
  left: 0.18em; 
  position: absolute; 
  top: 32%; 
  transform: rotate(45deg) translate(0, -25%); 
  width: 6px; 
} 
 
.st-ns_breadcrumb li:last-child::after {
  content: none; 
} 
 
.st-ns_breadcrumb li:nth-of-type(n+2){
  padding-left: 20px; 
} 
 
.st-ns_breadcrumb a {
  text-decoration: none; 
  transition: .3s; 
} 
 
.st-ns_breadcrumb span {
  margin-right: 0.3em; 
} 
 
/*breadcrumbs_end*/

/*top_start*/
h1.st-ns_top__im, 
h1.st-ns_top__im img,
.st-ns_areaMiddle{
  max-width: 100%; 
} 
 
.st-ns_kvTxt{
  top: 1vw; 
  left: 12vw; 
  width: 23vw; 
} 
 
.st-ns_kikan{
  margin: -91vw auto 0; 
  width: 90%; 
} 
 
.st-ns_anc{
  margin: 2vw auto 0; 
  max-width: 90%; 
  width: 90%; 
} 
 
.st-ns_ancBtn:nth-of-type(n+2){
  margin-left: 1vw; 
} 
/*top_end*/
 
h2.st-ns_commonTitleH2 {
  margin-bottom: 4vw; 
  padding: 0 3vw; 
  width: 100%; 
} 
 
h2.st-ns_commonTitleH2 img{
  width: 100%; 
} 
 
.st-ns_areaMiddle{
  margin: 2.5vw auto 0; 
} 
 
.st-ns_areaMiddle:before{
  height: 80%; 
  top: 100vw; 
} 
 
.st-ns_areaH2{
  max-width: 90%; 
  padding: 4vw 0 11vw; 
  width: 90%; 
} 
 
/*1024_goods_start*/
.st-ns_goods__group:nth-of-type(n+2){
  margin-top: 10vw; 
} 
 
.st-ns_goodsImg img{
  width: 100%; 
} 
 
.st-ns_goods__im img{
  max-width: 100%; 
} 
 
.st-ns_goods__detail{
  width: 94%; 
  margin: auto; 
}
 
.st-ns_goods__linkList {
  margin-top: 2vw; 
} 
 
.st-ns_goods__linkList > * {
  box-sizing: border-box; 
  width: 35vw; 
} 
 
.st-ns_goods__linkList > :nth-of-type(n + 2) {
  margin-top: 0; 
} 
 
.st-ns_goods__linkList a {
  box-sizing: border-box; 
  display: flex; 
  justify-content: center; 
} 
 
.st-ns_goods__linkList.st-ns_col4{
  margin: 2vw auto 0; 
  max-width: 100%; 
} 
 
.st-ns_goods__linkList.st-ns_col4 li{
  max-width: 18.3vw; 
} 
 
.st-ns_goods__linkList.st-ns_col4 li:nth-of-type(n+2){
  margin-left: 1.5vw; 
} 
 
/*1024_goods_end*/

/*1024_story_start*/
.st-ns_areaH2:nth-of-type(2){
  max-width: 90%; 
  padding: 8vw 0; 
  width: 90%; 
} 
 
/*1024_story_end*/

.st-ns_bn{
  margin: 0 auto 4vw; 
  max-width: 90%; 
  width: 90%; 
} 
.st-ns_bn li{
 width: 32%; 
} 
 
.st-ns_areaBottom{
  padding-bottom: 4vw; 
}
 
.st-ns_areaBottom img{
  width: auto; 
} 
} 

/*------------- SP start ------------------*/
@media screen and (max-width: 640px) {
.st-ns_PC{
  display: none; 
} 
 
.st-ns_ContentsWrapAll {
  box-sizing: border-box; 
  font-size: clamp(0.75rem, 0.5rem + 1.25vw, 1rem); 
  margin-top: -25px; 
  overflow: hidden; 
  -webkit-text-size-adjust: 100%; 
} 
 
/*SP_common_start*/
h2.st-ns_commonTitleH2 {
  box-sizing: border-box; 
  margin-bottom: 3vw; 
} 
 
.st-ns_areaH2 {
  padding: 4vw 0 8vw; 
  width: 97%; 
} 
/*SP_common_end*/
  
/*SP_contents_start*/
.st-ns_areaMiddle{
  background: url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/sp/special/251201kusuriya/bg_ptn_sp.jpg") repeat-y; 
  background-size: 100%; 
} 
 
.st-ns_areaMiddle:before{
  background: url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/sp/special/251201kusuriya/circle_repeat_sp.png") repeat-y;
  background-size: 100%; 
  content: ''; 
  height: 80%; 
  position: absolute; 
  top: clamp(15.625rem, -0.938rem + 82.81vw, 32.188rem); 
  width: 100%; 
} 

/*SP_breadcrumb_start*/
.st-ns_breadcrumb {
  display: flex; 
  overflow-x: hidden; 
  overflow-y: hidden; 
  padding-left: 7px; 
  padding-top: 5px; 
  white-space: nowrap; 
  width: 100%; 
} 
 
.st-ns_breadcrumb > * {
  float: initial; 
  font-size: 2.8vw; 
} 
 
ol.st-ns_breadcrumb li{
  font-size: 11px; 
}
 
ol.st-ns_breadcrumb li:nth-of-type(n + 2) {
  background-position: 1vw center; 
  -o-text-overflow: ellipsis; 
  padding-left: 18px; 
  -webkit-text-overflow: ellipsis; 
} 
 
.st-ns_breadcrumb li:nth-of-type(n+2):before{
  top: 31%; 
} 
 
ol.st-ns_breadcrumb li:before {
  left: 0.1vw; 
  top: 40%; 
  transform: rotate(45deg) translate(0, -50%); 
} 
 
/*SP_breadcrumb_end*/

/*SP_top_start*/
h1.st-ns_top__im {
  padding: 0; 
  width: 100%; 
} 
 
.st-ns_kvTxt{
  display: none; 
  /*left: clamp(1rem, -0.063rem + 5.31vw, 2.063rem); 
  top: clamp(0rem, 0.625rem + -1.56vw, 0.313rem); 
  width: clamp(6rem, -0.688rem + 33.44vw, 12.688rem); */
} 
 
.st-ns_kikan{
  margin: -155vw auto 0; 
} 
 
.st-ns_anc{
  flex-wrap: wrap; 
} 
 
.st-ns_anc a{
  width: calc((100% - (1vw * 4)) / 3); 
} 
 
.st-ns_ancBtn:nth-of-type(n+2){
  margin-left: 0; 
} 
 
.st-ns_ancBtn:nth-of-type(n+4){
  margin-top: 2vw; 
} 
 
/*SP_top_end*/

/*SP_goods_start*/
.st-ns_goods{
  background-color: #ffffff; 
  background-image: linear-gradient(90deg, #edf1f0 1px, transparent 1px), linear-gradient(#edf1f0 1px, transparent 1px); 
  background-position: 10px 10px; 
  background-size: 9px 9px; 
  border: 1px solid #440205; 
} 
 
.st-ns_goods__group:nth-of-type(n+2){
  margin-top: 8vw; 
} 
 
.st-ns_goods__im {
  margin: auto; 
} 
 
.st-ns_goods__linkList{
  margin-top: 2vw; 
} 
 
.st-ns_goods__linkList.st-ns_flex{
  display: block; 
} 
 
.st-ns_goods__linkList.st-ns_col4{
  margin: 2vw auto 0; 
  max-width: 100%; 
} 
 
.st-ns_goods__linkList.st-ns_col4 li{
  max-width: 129px; 
} 
 
.st-ns_goods__linkList > * {
  box-sizing: border-box; 
} 
 
.st-ns_goods__linkList .txt {
  font-size: clamp(0.938rem, 0.436rem + 2.51vw, 1.375rem); 
  letter-spacing: 0; 
  margin-top: 0; 
  width: 100%; 
} 
 
/*SP_goods_end*/

.st-ns_bn{
  flex-wrap: wrap; 
  margin: 0 auto 8vw; 
  width: 82%; 
} 
 
.st-ns_bn li{
  width: 47%; 
} 
 
.st-ns_bn li:nth-of-type(n+3){
  margin-top: 5vw; 
} 
 
.st-ns_areaBottom{
  padding-bottom: 4vw; 
} 
 
.st-ns_areaBottom img{
  height: auto; 
  width: 100%; 
}
 
/*hover_start*/
.st-ns_ContentsWrapAll a:hover, 
.st-ns_goods__linkList li a:hover{
  transform: translate(0px, 0px); 
} 
 
.st-ns_anc:hover {
  transform: translate(0px, 0px); 
  transition: 0.3s; 
} 
 
a.is-tap{
  text-decoration: none!important; 
} 
 
/*hover_end*/
.st-ns_copy {
  font-size: 10px; 
  padding: 30vw 0 2vw; 
} 
  /*SP_contents_end*/
}