@charset "UTF-8";
.sp {
  display: none;
}
/* default reset */
#wrapper {
  width: 100%;
  background-image: url(/USERTHEMEIMG/vol1/ikufuudo.dw.shopserve.jp/boby_bg.jpg);
  min-height: 100%;
}
#page-top {
  display: none;
}
header {
  background: none;
}
ul#header-nav {
  text-align: right;
}
ul#header-nav li {
  display: inline-block;
  font-size: 12px;
  line-height: 120%;
  padding: 0 0 0 15px;
  text-align: center;
}
ul#header-nav li a:hover {
  opacity: .70;
}
ul#header-nav li#header-nav-mypage a::before {
  content: '';
  background: url(../img/h_mypage_icon.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  margin-right: 5px;
  position: relative;
  top: 5px;
  width: 20px;
}
ul#header-nav li#header-nav-cart a::before {
  content: '';
  background: url(../img/h_cart_icon.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  margin-right: 5px;
  position: relative;
  top: 5px;
  width: 20px;
}
#main-column .w100 .news {
  float: none;
  width: 100%;
  margin-right: 0;
  padding: 0 0 30px;
  margin: -50px 0 40px;
  background: url(/USERTHEMEIMG/vol1/ikufuudo.dw.shopserve.jp//news_bg.jpg) repeat-x bottom center;
}
#main-column .w100 .news h2 {
  background: url(/USERTHEMEIMG/vol1/ikufuudo.dw.shopserve.jp//news_tit.png) no-repeat top center, url(/USERTHEMEIMG/vol1/ikufuudo.dw.shopserve.jp//news_bg.jpg) repeat-x bottom center;
  display: block;
  width: 100%;
  height: 90px;
  padding: 0 0 50px;
  text-indent: -9999px;
  margin: 0;
}
.w100 .news h2 img {
  display: block;
  height: 20px;
  width: 85px;
  margin: 0 auto;
}
.news h2 {
  display: block;
  width: 100%;
  border: none;
  font-size: 90%;
  font-weight: bold;
  line-height: 165%;
  margin-bottom: 10px;
  padding: 0 0 10px;
  min-height: 25px;
}
.news .news-contents {
  overflow: auto;
  height: 124px;
  padding: 0 60px;
  background: #2F220F;
}
dl.news-box {
  font-size: 75%;
  color: #fff;
  padding: 5px 0;
}
dl.news-box:first-child {
  padding: 0 0 5px 0;
}
dl.news-box, dl.news-box:first-child {
  border: none;
}
.news-box dd {
  line-height: 145%;
}
.news-box dd a {
  color: #2675c1;
}
.news-box dd a:hover {
  color: #489ef0;
}
#main-column h2 {
  border-top: none;
  padding: 0 0 15px;
}
#sub-column h2 {
  border-top: none;
}
.ranking h2 {
  background: url(/USERTHEMEIMG/vol1/ikufuudo.dw.shopserve.jp//rank_tit.png) no-repeat top center;
  height: 90px;
  text-indent: -9999px;
  margin-bottom: 15px;
  padding-right: 66px !important;
}
#main-column .ranking h2::before, #main-column .pickup h2::before {
  display: none;
}
#main-column .pickup h2 {
  background: url(/USERTHEMEIMG/vol1/ikufuudo.dw.shopserve.jp//pick_tit.png) no-repeat top center;
  height: 90px;
  margin:50px 0 15px;
  padding-right: 60px !important;
  text-indent: -9999px;
}
.column-set {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.column5 {
  float: none;
  width: calc((100% - 40px) / 3);
  margin: 0;
  padding-bottom: 10px;
}
.column5:nth-child(5n) {
  margin: 0;
}

#sub-column .group nav ul li:first-child, #sub-column .category nav ul li:first-child, #sub-column .link nav ul li:first-child {
  border-top: none;
}
#sub-column .group nav ul li a, #sub-column .category nav ul li a, #sub-column .link nav ul li a {
  padding: 0;
}
#sub-column .group nav ul li a::after, #sub-column .category nav ul li a::after, #sub-column .link nav ul li a::after{
  display: none;
}
#sub-column .category nav ul.sps-itemCategorySub {
  margin: 4px 0 0;
}
#sub-column .category nav ul li.cat2 a {
    padding: 5px 2px 5px 0;
}
#sub-column .category nav ul li.cat2 a::before {
  content: "> ";
}

.category .tatenarabi {
  background-color: #fff;
}
#sub-column div.subc_cal_cont .cap .cap-info {
  background: none;
}


/* ヘッダー */
#header-wrap img {
  vertical-align: bottom;
  line-height: 1;
}
#header-wrap .disc {
  width: 100%;
  background: #B50D23;
  height: 30px;
}
#header-wrap .disc p {
  text-align: left;
  font-size: 13px;
  line-height: 1;
  padding-top: 8px;
  width: 1000px;
  margin: auto;
  color: #fff;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#header-wrap .head_main {
  background-image: url(/USERTHEMEIMG/vol1/ikufuudo.dw.shopserve.jp//boby_bg.jpg);
  height: 150px;
  width: 100%;
}
#header-wrap .head_main .inn {
  width: 1060px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#header-wrap .head_main h1 {
  padding-top: 20px;
  padding-left: 30px;
}
#header-wrap .head_main .h_tel {
  padding-top: 10px;
}
#navi_wrap {
  background: url(/USERTHEMEIMG/vol1/ikufuudo.dw.shopserve.jp//navi_bg.jpg) repeat-x;
  height: 90px;
}
#navi_wrap ul {
  margin: auto;
  width: 1000px;
  padding-top: 18px;
}
#navi_wrap li {
  float: left;
}
#navi_wrap li a img:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#slider_rap {
  width: 1000px;
  height: 450px;
  overflow: hidden;
  margin: 10px auto 0;
  background: url(/USERTHEMEIMG/vol1/ikufuudo.dw.shopserve.jp//slider_bg.png) bottom center no-repeat;
  display: none;
}
/* フッター */
#footer_wrap {
  background: #fff;
}
#footer_wrap .ftit {
  text-align: center;
  background: #B50D23;
  height: 57px;
  padding-top: 35px;
}
#footer_wrap .inn {
  width: 1000px;
  margin: 38px auto;
}
#footer_wrap > .inn ul {
  display: flex;
}
#footer_wrap > .inn li {
  width: 310px;
  margin-right: 35px;
}
#footer_wrap .inn li:last-child {
  margin-right: 0;
}
#footer_wrap .inn p {
  font-size: 12px;
  line-height: 19px;
}
#footer_wrap .inn .fp01 {
  margin-bottom: 12px;
}
#footer_wrap .inn .ft01 {
  margin-bottom: 8px;
}
#footer_wrap .inn .ft02 {
  margin-top: 14px;
}
#footer_wrap .inn .ft03 {
  margin-top: 10px;
  margin-bottom: 38px;
}
#footer_wrap .inn .ft04 {
  margin-top: 16px;
  margin-bottom: 16px;
}
#footer_wrap .inn p span {
  color: #D80012;
}
#footer_wrap .inn a {
  color: #D80012;
  text-decoration: underline;
}
#footer_wrap .f_info {
  background: #000;
  text-align: center;
  padding: 16px 0;
}
#footer_wrap .f_info p {
  color: #fff;
  font-size: 12px;
  line-height: 19px;
}
#footer_wrap .f_info p a {
  color: #fff;
}


#footer_wrap .footer_bottom {
  background-color: #EEEAE3;
  padding: 50px 0 60px;
}
#footer_wrap .footer_bottom .inn {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#footer_wrap .footer_bottom .inn h2 {
  margin: 0 0 20px;
}
#footer_wrap .footer_bottom .inn h3 {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: normal;
}
#footer_wrap .footer_bottom .inn p {
  font-size: 12px;
  line-height: 2;
  margin: 15px 0 0;
}
#footer_wrap .footer_bottom .link_list {
  display: flex;
  justify-content: space-between;
  min-width: 432px;
}
#footer_wrap .footer_bottom .link_list h3{
  font-size: 18px;
  margin: 0 0 20px;
}
#footer_wrap .footer_bottom .link_list ul {
  min-width: 176px;
}
#footer_wrap .footer_bottom .link_list ul li {
  margin: 0 0 10px;
}
#footer_wrap .footer_bottom .link_list ul li a {
  font-size: 12px;
  color: #333;
  text-decoration: none;
  transition: 0.3s;
}
#footer_wrap .footer_bottom .link_list ul li a:hover {
  color: #D80012;
  transition: 0.3s;
}

/* センターフリーエリア */
#cfree_01 {
  width: 740px;
  margin: auto;
}
#cfree_01 img {
  vertical-align: bottom;
  line-height: 1;
}
#cfree_01 .cfree_home {
  width: 100%;
  margin-bottom: 30px;
}
#cfree_01 .cfree_home img {
  width: 100%;
}
#cfree_01 ul, #cfree_01 li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#cfree_01 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#cfree_01 ul li {
  margin-bottom: 20px;
}
#cfree_02 {
  display: flex;
  justify-content: space-between;
  margin: 50px 0 0;
}
#cfree_02 .bnr,
#cfree_02 .facebook{
  width: 360px;
}
#cfree_02 .bnr a {
  display: block;
}
#cfree_02 .bnr a:first-child {
  margin: 0 0 12px;
}


/* サイドフリーエリア */
#sfree_01,#sfree_02 {
  max-width: 240px;
  margin: auto;
}
#sfree_01 img, #sfree_02 img {
  vertical-align: bottom;
  line-height: 1;
}
#sfree_01 ul, #sfree_01 li, #sfree_02 ul, #sfree_02 li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#sfree_01 li, #sfree_02 li {
  margin-bottom: 20px;
}
#sfree_01 li:nth-child(3) {
  margin-bottom: 40px;
}
#sfree_01 li:last-child {
  margin-bottom: 0;
}
#sfree_01 .form_box {
  width: 220px;
  margin: 22px auto 0;
}
#sfree_01 .form_box form {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#sfree_01 .form_box .searchbox {
  border: 1px solid #2f220f;
  padding: 8px 5px;
  width: 175px;
  margin-right: 4px;
}
/* サイドカスタム */
#sub-column .category h2 {
  background: url(/USERTHEMEIMG/vol1/ikufuudo.dw.shopserve.jp//cate_tit.png) no-repeat top center;
  height: 90px;
  margin-top: 44px;
  text-indent: -9999px;
  padding-bottom: 20px;
  margin-bottom: 0;
}
#sub-column .category nav {
  border-bottom: 1px dotted #DED8C9;
  width: 190px;
  padding: 20px 0 20px 30px;
   margin: auto;
   background: url(/USERTHEMEIMG/vol1/ikufuudo.dw.shopserve.jp//side_icon.png) left 8px top 25px no-repeat;
}
#sub-column .category nav ul li {
  font-size: 12px;
  border-bottom:none;
}
#sub-column .category nav ul li a:hover {
  background: #fff;
  text-decoration: underline;
  color: #B50D23;
}
#sub-column .wait_box {
  border: 4px solid #B50D23;
  border-top: none;
  padding: 10px 15px;
  font-size: 14px;
}



#page-top_new {
  position: fixed;
  bottom: 70px;
  right: 20px;
  font-size: 77%;
  z-index: 99;
}
#page-top_new a {
  text-decoration: none;
  width: 86px;
  height: 86px;
  padding: 0;
  text-align: center;
  display: block;
}
#page-top_new a:hover {
  text-decoration: none;
  background-image: url(/USERTHEMEIMG/vol1/ikufuudo.dw.shopserve.jp//pagetop_on.png);
}
#page-top_new a:hover img {
  opacity: 0;
}


/*
グループページのテキスト(180724更新)
*/
div.textLeft {
  float: left;
  width: 60%;
}
div.textRight {
  float: right;
  width: 39%;
}
div.textLeftPic {
  float: left;
  width: 49%;
}
div.textRightPic {
  float: right;
  width: 49%;
}
p.picP {
  margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
  display: block;
}

.w100 .freeArea2 {
    padding-bottom: 0;
    margin-bottom: 8vw;
}

#main-column .w100 .news h2 {
  background: url(/USERTHEMEIMG/vol1/ikufuudo.dw.shopserve.jp//news_tit.png) no-repeat top center;
  background-size: 150vw;
  height: 22vw;
  padding: 0;
}
.news .news-contents {
  overflow: auto;
  height: 124px;
  padding: 4vw 6vw 1vw;
}


#main-column h2 {
  padding: 0;
}

.ranking h2 {
  background-size: 150vw;
  height: 19vw;
  padding-right: 0 !important;
}

#main-column .pickup h2 {
  background-size: 150vw;
  height: 19vw;
  margin: 2vw 0 0;
  padding: 3vw 0 1vw !important;
}
.column-set {
  display: flex;
  flex-wrap: wrap;
  gap:2vw 4vw;
}
.column5 {
  float: none;
  width: calc((100% - 4vw) / 2);
  margin: 0;
  padding-bottom: 0;
}
  #sub-column {
    background-color: #fff;
    padding: 65px 2% 0;
  }
#sub-column .category nav ul.sps-itemCategorySub {
  margin: 4px 0 0;
}
#sub-column .category nav ul li.cat2 a {
    padding: 5px 2px 5px 0;
}
#sub-column .category nav ul li.cat2 a::before {
  content: "> ";
}

#sub-column div.subc_cal_cont .cap .cap-info {
  background: none;
}
    
  

/* ヘッダー */
  #wrapper > header {
    padding: 18.4vw 0 0;
  }
  #header-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
  }
#header-wrap .disc {
  display: none;
}

#header-wrap .head_main {
  height: 18.4vw;
  display: flex;
  align-items: center;
}
#header-wrap .head_main .inn {
  width: 100%;
}
#header-wrap .head_main h1 {
  width: 64vw;
  padding: 0 0 0 2vw;
}
  #header-wrap .head_main .h_tel {
    padding: 0;
  }
#header-wrap .head_main .h_tel > img,
#header-wrap .head_main .h_tel #header-nav-mypage{
  display: none;
}
  ul#header-nav li#header-nav-cart {
    padding: 0 15vw 0 0;
  }
  ul#header-nav li#header-nav-cart a {
    font-size: 2.4vw;
  }
  ul#header-nav li#header-nav-cart a span{
    display: none;
  }
ul#header-nav li#header-nav-cart a::before {
    display: block;
    height: 7vw;
  width: 7vw;
  background-size: cover;
    margin: 0 0 0.5vw;
    top: 0;
}
  #header-nav-drawer {
          position: fixed;
    top: 5.3vw;
        right: 5.8vw;
    z-index: 9999;
  }
  #header-nav-drawer::after {
    content: "MENU";
    font-size: 2.4vw;
    display: block;
    padding:0;
    position: relative;
    right: -3vw;
    top: 5.3vw;
  }
    #header-nav-drawer span {
        height: 2px;
        margin: 0;
        background: #2F220F;
      width: 6vw;
    }
  #header-nav-drawer span::before, #header-nav-drawer span::after{
    background: #2F220F;
    height: 2px;
    width: 6vw;
  }
#navi_wrap {
  display: none;
}

#slider_rap {
  width: 96vw;
  height: 46vw;
  margin: 10px auto 0;
  padding: 0 0 2vw;
}
#slider_rap .bx-wrapper .bx-pager.bx-default-pager a {
    width: 3vw;
    height: 3vw;
  }
#slider_rap .bx-wrapper .bx-pager {
    padding-top: 3vw;
  }
  
/* フッター */
#footer_wrap .ftit {
  height: auto;
 padding: 4.5vw 32vw;
}
#footer_wrap .inn {
  width: auto;
  margin: 8vw 5vw 6vw;
}
#footer_wrap > .inn ul {
 flex-wrap: wrap;
  width: 100%;
  
}
#footer_wrap > .inn li {
  width: 100%;
  margin-right: 0;
  margin: 0 0 6vw;
}

#footer_wrap .inn p {
  font-size:2.8vw;
  line-height: 1.7;
}
#footer_wrap .inn .fp01 {
  margin-bottom: 3vw;
}
#footer_wrap .inn .ft01 {
  margin-bottom: 2vw;
}
#footer_wrap .inn .ft02 {
  margin-top: 2vw;
}
#footer_wrap .inn .ft03 {
  margin-top: 3vw;
  margin-bottom: 6vw;
}
#footer_wrap .inn .ft04 {
  margin-top: 3vw;
  margin-bottom: 6vw;
}

#footer_wrap .f_info {
  padding: 4vw 0;
}
#footer_wrap .f_info p {
  font-size: 2.6vw;
  line-height: 1.7;
}


#footer_wrap .footer_bottom {
  padding: 8vw 6vw 12vw;
}
#footer_wrap .footer_bottom .inn h2 {
  margin: 0 0 4vw;
}
#footer_wrap .footer_bottom .inn h3 {
 line-height: 1.7;
  font-size: 3.2vw;
}
#footer_wrap .footer_bottom .inn p {
  font-size: 2.8vw;
  line-height: 1.8;
  margin: 3vw 0 0;
}
#footer_wrap .footer_bottom .link_list {
  display: none;
}

  #footer_wrap .footer_smp {
    margin: 0 4vw 10vw;
  }
  #footer_wrap .footer_smp .form_wrap h3 {
    width: 30vw;
  }
  #footer_wrap .footer_smp .form_box {
  width: auto;
  margin: 4vw auto 0;
}
  #footer_wrap .footer_smp .form_box form {
  display: flex;
  justify-content: center;
  align-items: center;
    gap:2vw;
}
  #footer_wrap .footer_smp .form_box .searchbox {
  padding: 8px 5px;
  width: 80vw;
}
  
#footer_wrap .side_category h3{
    margin: 9vw 2vw 4vw;
    width: 22vw;
  }
#footer_wrap .footer_smp .side_category nav,
#footer_wrap .footer_smp .side_cont ul{
  width: 100%;
  margin: 0;
  list-style: none;
  padding: 6vw 0 6vw 30px;
   background: url(/USERTHEMEIMG/vol1/ikufuudo.dw.shopserve.jp//side_icon.png) left 8px top 6.2vw no-repeat;
  border-bottom: 1px dotted #DED8C9;
  box-sizing: border-box;
  text-align: left;
}
#footer_wrap .footer_smp .side_category nav:first-of-type,
#footer_wrap .footer_smp .side_cont ul:first-of-type{
    border-top: 1px dotted #DED8C9;
  }
#footer_wrap .footer_smp .side_category nav ul li,
#footer_wrap .footer_smp .side_cont ul li{
  font-size:2.8vw;
  border-bottom:none;
  list-style: none;
  line-height: 1;
}
#footer_wrap .footer_smp .side_category nav ul.sps-itemCategorySub {
  margin: 4px 0 0;
}
#footer_wrap .footer_smp .side_category nav ul li.cat2 a {
    padding: 5px 2px 5px 0;
  display: block;
}
#footer_wrap .footer_smp .side_category nav ul li.cat2 a::before {
  content: "> ";
}
  #footer_wrap .footer_smp .bnr_area {
    margin: 8vw 0 0;
  }
  #footer_wrap .footer_smp .bnr_area .wait_box {
    border: 3px solid #B50D23;
    padding: 3vw 4vw;
    font-size: 3.2vw;
}
  #footer_wrap .footer_smp .bnr_area ul {
    display: flex;
    flex-wrap: wrap;
    gap:3vw;
    justify-content: space-between;
  }
  #footer_wrap .footer_smp .bnr_area ul li {
    width: 100%;
  }
  #footer_wrap .footer_smp .bnr_area ul li.half {
    width: 48%;
  }
/* センターフリーエリア */
.sp_wait .wait_box {
        border: 3px solid #B50D23;
  border-top: none;
        padding: 3vw 4vw;
        font-size: 3.2vw;
  margin: 0 0 8vw;
    }
  .sp_wait img {
    vertical-align: bottom;
    line-height: 1;
  }
  #main-column .w100 .news {
    margin: 0 0 5vw;
  }
#cfree_01 {
  width: 100%;
  margin: auto;
}

#cfree_01 .cfree_home {
  width: 100%;
  margin-bottom: 3vw;
}
#cfree_01 .cfree_home img {
  width: 100%;
}
#cfree_01 ul, #cfree_01 li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#cfree_01 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#cfree_01 ul li {
  margin-bottom: 3vw;
  width: 48.5%;
}
  #cfree_01 ul li:nth-child(7) {
    width: 100%;
  }
#cfree_02 {
  margin: 2vw 0 0;
  flex-wrap: wrap;
}
#cfree_02 .bnr,
#cfree_02 .facebook{
  width: 100%;
}
#cfree_02 .bnr a {
  display: block;
}
#cfree_02 .bnr a:first-child {
  margin: 0 0 3vw;
}
  #cfree_02 .facebook {
    margin: 5vw 0 0;
  }

/* サイドフリーエリア */
#sfree_01,
  #sfree_02 {
    max-width: 100%;
  }
 #sfree_02 {
  display: none;
}

#sfree_01 li {
  margin-bottom: 5vw;
}
#sfree_01 li:nth-child(3) {
  margin-bottom: 5vw;
}
#sfree_01 li:last-child {
  margin-bottom: 0;
}
#sfree_01 .form_box {
  width: auto;
  margin: 4vw auto 0;
}
#sfree_01 .form_box form {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#sfree_01 .form_box .searchbox {
  padding: 8px 5px;
  width: 68vw;
}
  
#sub-column .wait_box {
    border: 3px solid #B50D23;
    padding: 3vw 4vw;
    font-size: 3.2vw;
}
/* サイドカスタム */
  #sub-column h2 {
    background-color: #fff;
  }
#sub-column .category h2 {
  background: url("../img/side_category_ttl.svg");
  background-size: contain;
  background-repeat: no-repeat;
  height: auto;
  width: 22vw;
  margin: 9vw 2vw 4vw;
  padding: 0;
}
  #sub-column .side_cont h3{
    margin: 9vw 2vw 4vw;
    width: 22vw;
  }
#sub-column .category nav,
#sub-column .side_cont ul{
  width: 100%;
  margin: 0;
  list-style: none;
  padding: 6vw 0 6vw 30px;
   background: url(/USERTHEMEIMG/vol1/ikufuudo.dw.shopserve.jp//side_icon.png) left 8px top 7vw no-repeat;
  border-bottom: 1px dotted #DED8C9;
  box-sizing: border-box;
}
  #sub-column .category nav:first-of-type,
  #sub-column .side_cont ul:first-of-type{
    border-top: 1px dotted #DED8C9;
  }
#sub-column .category nav ul li,
#sub-column .side_cont ul li{
  font-size:2.8vw;
  border-bottom:none;
  list-style: none;
  line-height: 1;
}
  #sub-column .group nav ul li a, #sub-column .category nav ul li a, #sub-column .link nav ul li a {
     font-size:2.8vw;
  }
  #sub-column .side_search {
    margin: 8vw 0 0;
  }
#sub-column .side_search img {
    width: 30vw;
  }
 
  
  
#page-top_new {
  bottom: 18vw;
  right: 4vw;
}
#page-top_new a {
  width:18vw;
  height:18vw;
}

/*
グループページのテキスト(180724更新)
*/
div.textLeft {
  float: left;
  width: 60%;
}
div.textRight {
  float: right;
  width: 39%;
}
div.textLeftPic {
  float: left;
  width: 49%;
}
div.textRightPic {
  float: right;
  width: 49%;
}
p.picP {
  margin-bottom: 1em;
}

}

/*freepage*/
article h1 {
  border-top: none;
    border-bottom: 3px solid #333;
    color: #333;
    font-size: 100%;
    padding: 15px 0;
    margin-bottom: 25px;
}
#JournalList .journal-cont .freepage ul,
#JournalList .journal-cont .freepage ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#JournalList .journal-cont .freepage p {
  font-size: 12px;
  line-height: 1.7;
}
#JournalList .journal-cont .freepage h2 {
  font-size: 22px;
  padding: 0 0 14px;
  margin: 0 0 16px;
  border-bottom: 1px solid #333;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: 600;
}
#JournalList .journal-cont .intro,
#JournalList .journal-cont .cont01,
#JournalList .journal-cont .cont02{
  margin: 0 0 60px;
}
#JournalList .journal-cont .intro p{
  margin: 30px 0 0;
}
#JournalList .journal-cont .box ul {
  display: flex;
  margin: 25px 0 30px;
  justify-content: space-between;
  gap:20px;
  flex-wrap: wrap;
}

#JournalList .journal-cont .btn a {
  display: block;
  text-align: center;
  background-color: #B20037;
  border-radius: 3px;
  font-size:18px;
  color: #fff;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: normal;
  padding: 15px 0;
  transition: 0.3s;
}
#JournalList .journal-cont .btn a:hover {
  background-color: #333;
  transition: 0.3s;
}

#JournalList .journal-cont .about .sbox {
  display: flex;
  padding: 30px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08);
  justify-content: space-between;
  align-items: center;
}
#JournalList .journal-cont .about .cont03 .sbox {
  display: block;
}
#JournalList .journal-cont .about .sbox .pict {
  width: 140px;
}
#JournalList .journal-cont .about .sbox .text {
  width: 514px;
}
#JournalList .journal-cont .about .sbox .text h3,
#JournalList .journal-cont .about .sbox .text h4{
  font-size: 14px;
  padding: 0 0 10px;
  margin: 0 0 15px;
  border-bottom: 1px dotted #E7B343;
  position: relative;
}
#JournalList .journal-cont .about .sbox .text h3:before,
#JournalList .journal-cont .about .sbox .text h4:before{
  position: absolute;
  right: 0;
  top: 0;
  content: "Message";
  font-size: 20px;
  line-height: 1;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: normal;
  color: #E7B343;
}

#JournalList .journal-cont .about .info {
  display: flex;
  justify-content: space-between;
  margin: 0 0 70px;
}
#JournalList .journal-cont .about .info h3 {
  font-size: 14px;
}
#JournalList .journal-cont .about .info p {
  font-size: 12px;
  line-height: 1.7;
  margin: 12px 0 0;
}
#JournalList .journal-cont .about .info .text {
  width: 360px;
}
#JournalList .journal-cont .about .info .text .btn {
  margin: 20px 0 0;
}

#JournalList .journal-cont .about .cont03 .sbox h3 {
  font-size: 22px;
  padding: 10px 0 15px;
  margin: 0 0 18px;
  border-bottom: 1px solid #E7B343;
  position: relative;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: normal;
  text-align: center;
  letter-spacing: 0.05em;
}
#JournalList .journal-cont .about .cont03 .sbox > p {
  margin: 0 0 20px;
}
#JournalList .journal-cont .about .cont03 .gree_wrap {
  margin: 20px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#JournalList .journal-cont .about .cont03 .sbox .pict {
  width: 280px;
}
#JournalList .journal-cont .about .cont03 .sbox .text {
  width: 370px;
}
#JournalList .journal-cont .about .cont03 .sbox .text h4:before {
  content: "Greeting";
}
#JournalList .journal-cont .beginner .box {
  margin: 50px 0 0;
}
#JournalList .journal-cont .beginner .box h3 {
  margin: 25px 0 15px;
}
#JournalList .journal-cont .beginner .sbox {
  padding: 30px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08);
  justify-content: space-between;
  align-items: center;
}

#JournalList .journal-cont .beginner .cont01 .sbox {
  margin: 30px 0 0;
}
#JournalList .journal-cont .beginner .cont01 .sbox h3 {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: normal;
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 18px;
  margin: 0 0 20px;
}
#JournalList .journal-cont .beginner .cont01 .sbox .u_group {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
#JournalList .journal-cont .beginner .cont01 .sbox .u_group dl {
  width: 330px;
  text-align: center;
  border: 1px solid #E7B343;
  padding: 0 0 5px;
}
#JournalList .journal-cont .beginner .cont01 .sbox .u_group dl dt {
  background-color: #E7B343;
  font-weight: bold;
  font-size: 14px;
  padding: 10px 0;
  margin: 0 0 10px;
}
#JournalList .journal-cont .beginner .cont01 .sbox .u_group dl dd p {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0 12px;
}
#JournalList .journal-cont .beginner .cont01 .sbox > p {
  text-align: center;
  margin: 15px 0 0;
}
#JournalList .journal-cont .beginner .cont02 ul {
  gap:40px 20px;
}
#JournalList .journal-cont .beginner .cont02 ul li {
  width: 360px;
}
#JournalList .journal-cont .beginner .cont02 ul li:first-child {
  width: 100%;
}
#JournalList .journal-cont .beginner .cont02 ul li p {
  margin: 12px 0 0;
}
#JournalList .journal-cont .beginner .cont03 {
  padding: 30px 30px 60px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08);
}
#JournalList .journal-cont .beginner .cont03 h2 {
    padding: 10px 0 0;
    margin: 0 0 30px;
    border-bottom: none;
  text-align: center;
}
#JournalList .journal-cont .beginner .cont03 .box h3 {
  text-align: center;
  padding: 8px 0;
  margin: 0 0 15px;
  font-size: 14px;
  border-top: 1px solid #E7B343;
  border-bottom: 1px solid #E7B343;
}
#JournalList .journal-cont .beginner .cont03 .box {
  margin: 60px 0 0;
}
#JournalList .journal-cont .beginner .cont03 .box:first-of-type {
  margin: 0;
}
#JournalList .journal-cont .beginner .cont03 .box ul {
  gap:10px;
}
#JournalList .journal-cont .beginner .cont03 .box .btn {
  max-width: 360px;
  margin: auto;
}

#JournalList .journal-cont .recruit h2 {
    font-size: 14px;
    padding: 0 0 8px;
    margin: 0 0 20px;
}
#JournalList .journal-cont .recruit .box p {
  margin: 25px 0 35px;
}
#JournalList .journal-cont .recruit .box .table_wrap {
  border: 1px solid #AAAAAA;
  border-radius: 12px;
  background-color: #fff;
  margin: 0 0 40px;
}
#JournalList .journal-cont .recruit .box .table_wrap table tr {
  border-bottom: 1px dotted #AAAAAA;
}
#JournalList .journal-cont .recruit .box .table_wrap table tr th,
#JournalList .journal-cont .recruit .box .table_wrap table tr td {
  padding: 22px 28px;
  font-size: 12px;
  line-height: 1.7;
}
#JournalList .journal-cont .recruit .box .table_wrap table tr th {
  background-color: #EEEAE3;
  min-width:60px;
  text-align: center;
  font-weight: bold;
}
#JournalList .journal-cont .recruit .box .table_wrap table tr:first-child th {
  border-radius: 12px 0 0 0;
}
#JournalList .journal-cont .recruit .box .table_wrap table tr:last-child th {
  border-radius: 0 0 0 12px;
}
#JournalList .journal-cont .recruit .box .btn {
  max-width: 360px;
  margin: auto;
}

#JournalList .journal-cont .information h2 {
    font-size: 14px;
    padding: 0 0 8px;
    margin: 0 0 20px;
  font-family: none;
  font-weight: bold;
}
#JournalList .journal-cont .information p.atten {
  padding: 0 0 0 1em;
  position: relative;
}
#JournalList .journal-cont .information p.atten::before {
  content: "※";
  position: absolute;
  left:0;
}
#JournalList .journal-cont .information .box{
  margin: 0 0 45px;
}
#JournalList .journal-cont .information .box .flow_list {
  margin: 20px 0;
}
#JournalList .journal-cont .information .box .flow_list dl {
  display: flex;
  align-items: center;
  min-height: 60px;
  border-top: 1px dotted #AAAAAA;
  padding: 18px 0;
}
#JournalList .journal-cont .information .box .flow_list dl:last-of-type {
  border-bottom: 1px dotted #AAAAAA;
}
#JournalList .journal-cont .information .box .flow_list dl dt {
  width: 100px;
  text-align: center;
}
#JournalList .journal-cont .information .box .flow_list dl p.atten {
  margin: 10px 0 0;
}
#JournalList .journal-cont .information .box .btn {
  max-width: 360px;
  margin: 20px 0 0;
}
#JournalList .journal-cont .information .box .card {
  padding: 10px 0;
}
#JournalList .journal-cont .information .box p span {
  color: #FF0000;
}
#JournalList .journal-cont .information .box .info_list {
  margin: 15px 0 0;
}
#JournalList .journal-cont .information .box .info_list dl {
  margin: 0 0 20px;
}
#JournalList .journal-cont .information .box .info_list dl dt {
  font-weight: bold;
  font-size: 12px;
}
#JournalList .journal-cont .information .box.c09 p{
  padding: 0 0 0 1.3em;
  position: relative;
  margin: 0 0 5px;
}
#JournalList .journal-cont .information .box.c09 p::before {
  position: absolute;
  left:0;
  font-weight: bold;
}
#JournalList .journal-cont .information .box.c09 p:nth-of-type(1)::before {
  content: "1.";
}
#JournalList .journal-cont .information .box.c09 p:nth-of-type(2)::before {
  content: "2.";
}
#JournalList .journal-cont .information .box.c09 p:nth-of-type(3)::before {
  content: "3.";
}

@media screen and (max-width: 768px) {
article h1 {
    border-bottom: 2px solid #333;
    padding: 4vw 0;
    margin-bottom: 6vw;
}

#JournalList .journal-cont .freepage p {
  font-size: 2.7vw;
  line-height:1.9;
}
#JournalList .journal-cont .freepage h2 {
  font-size: 4.2vw;
  padding: 0 0 2vw;
  margin: 0 0 3vw;
}
#JournalList .journal-cont .intro,
#JournalList .journal-cont .cont01,
#JournalList .journal-cont .cont02{
  margin: 0 0 12vw;
}
#JournalList .journal-cont .intro p{
  margin: 4vw 0 0;
}
#JournalList .journal-cont .box ul {
  margin: 4vw 0 5vw;
  gap:1vw;
}
  #JournalList .journal-cont .box ul li {
    width: 47vw;
  }
#JournalList .journal-cont .btn a {
  font-size:3.4vw;
  padding: 4vw 0;
}
  #JournalList .journal-cont .about .cont03 .box ul li {
    width: 100%;
  }
#JournalList .journal-cont .about .sbox {
  padding: 5vw;
  gap:4vw;
}
#JournalList .journal-cont .about .sbox .pict {
  width: 30vw;
}
#JournalList .journal-cont .about .sbox .text {
  width: 62vw;
}
#JournalList .journal-cont .about .sbox .text h3,
#JournalList .journal-cont .about .sbox .text h4{
  font-size: 3.2vw;
  padding: 0 0 3vw;
  margin: 0 0 4vw;
}
#JournalList .journal-cont .about .sbox .text h3:before,
#JournalList .journal-cont .about .sbox .text h4:before{
  font-size: 3vw;
}

#JournalList .journal-cont .about .info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 3vw 12vw;
}
#JournalList .journal-cont .about .info h3 {
  font-size: 3.2vw;
  margin: 4vw 0 0;
}
#JournalList .journal-cont .about .info p {
  font-size: 2.7vw;
  line-height: 1.9;
  margin: 3vw 0 0;
}
#JournalList .journal-cont .about .info .text {
  width: 100%;
}
#JournalList .journal-cont .about .info .text .btn {
  margin: 4vw 0 0;
}

#JournalList .journal-cont .about .cont03 .sbox h3 {
  font-size: 4.2vw;
  padding: 3vw 0;
  margin: 0 0 4vw;
}
#JournalList .journal-cont .about .cont03 .sbox > p {
  margin: 0 0 20px;
}
#JournalList .journal-cont .about .cont03 .gree_wrap {
  margin: 4vw 0 0;
  flex-wrap: wrap;
  justify-content:center;
}
#JournalList .journal-cont .about .cont03 .sbox .pict {
  width: 100%;
  text-align: center;
  margin: 0 0 4vw;
}
#JournalList .journal-cont .about .cont03 .sbox .text {
  width: 100%;
}
  
#JournalList .journal-cont .beginner .box {
  margin: 6vw 0 0;
}
#JournalList .journal-cont .beginner .box h3 {
  margin: 4vw 0 2vw;
}
#JournalList .journal-cont .beginner .sbox {
  padding: 5vw;
}

#JournalList .journal-cont .beginner .cont01 .sbox {
  margin: 5vw 0 0;
}
#JournalList .journal-cont .beginner .cont01 .sbox h3 {
  font-size: 3.2vw;
  margin: 0 0 4vw;
}
  #JournalList .journal-cont .beginner .cont01 .sbox .u_group {
    flex-wrap: wrap;
    gap:3vw;
  }
#JournalList .journal-cont .beginner .cont01 .sbox .u_group dl {
  width: 100%;
  padding: 0;
}
#JournalList .journal-cont .beginner .cont01 .sbox .u_group dl dt {
  font-size: 3vw;
  padding: 2vw 0;
  margin: 0 0 2vw;
}
  #JournalList .journal-cont .beginner .cont01 .sbox .u_group dl dd {
    padding: 0 2vw 2vw;
  }
#JournalList .journal-cont .beginner .cont01 .sbox .u_group dl dd p {
  height: auto;
  padding: 1vw 0 2vw;
  line-height: 1.5;
}
#JournalList .journal-cont .beginner .cont01 .sbox > p {
  margin: 3vw 0 0;
}
#JournalList .journal-cont .beginner .cont02 ul {
  gap:4vw 2vw;
}
#JournalList .journal-cont .beginner .cont02 ul li {
  width: 47vw;
}
#JournalList .journal-cont .beginner .cont02 ul li:first-child {
  width: 100%;
}
#JournalList .journal-cont .beginner .cont02 ul li p {
  margin: 2vw 0 0;
}
#JournalList .journal-cont .beginner .cont03 {
  padding: 5vw 5vw 7vw;
}
#JournalList .journal-cont .beginner .cont03 h2 {
    padding: 2vw 0 0;
    margin: 0 0 3vw;
}
#JournalList .journal-cont .beginner .cont03 .box h3 {
  padding: 2vw 0;
  margin: 0 0 3vw;
  font-size: 3vw;
}
#JournalList .journal-cont .beginner .cont03 .box {
  margin: 9vw 0 0;
}
#JournalList .journal-cont .beginner .cont03 .box:first-of-type {
  margin: 0;
}
#JournalList .journal-cont .beginner .cont03 .box ul {
  gap:1vw;
  flex-wrap: nowrap;
  margin: 3vw 0;
}
#JournalList .journal-cont .beginner .cont03 .box .btn {
  max-width: 100%;
  margin: auto;
}
#JournalList .journal-cont .recruit h2 {
    font-size: 3.2vw;
    padding: 0 0 2vw;
    margin: 0 0 4vw;
}
#JournalList .journal-cont .recruit .box p {
  margin: 4vw 0 5vw;
}
#JournalList .journal-cont .recruit .box .table_wrap {
  border-radius: 8px;
  margin: 0 0 6vw;
}
#JournalList .journal-cont .recruit .box .table_wrap table tr th,
#JournalList .journal-cont .recruit .box .table_wrap table tr td {
  padding: 3vw;
  font-size: 2.7vw;
}
#JournalList .journal-cont .recruit .box .table_wrap table tr th {
  min-width:6em;
}
#JournalList .journal-cont .recruit .box .table_wrap table tr:first-child th {
  border-radius: 8px 0 0 0;
}
#JournalList .journal-cont .recruit .box .table_wrap table tr:last-child th {
  border-radius: 0 0 0 8px;
}
#JournalList .journal-cont .recruit .box .btn {
  max-width: 80%;
}
  
#JournalList .journal-cont .information h2 {
    font-size: 3.2vw;
}
#JournalList .journal-cont .information .box{
  margin: 0 0 10vw;
}
#JournalList .journal-cont .information .box .flow_list {
  margin: 4vw 0;
}
#JournalList .journal-cont .information .box .flow_list dl {
  min-height: 10vw;
  padding: 3vw 0;
  justify-content: space-between;
}
#JournalList .journal-cont .information .box .flow_list dl dt {
  width: 14vw;
  padding: 0 2vw;
}
  #JournalList .journal-cont .information .box .flow_list dl dd {
    width: 76vw;
  }
#JournalList .journal-cont .information .box .flow_list dl p.atten {
  margin: 2vw 0 0;
}
#JournalList .journal-cont .information .box .btn {
  max-width: 80%;
  margin: 3vw auto 0;
}
#JournalList .journal-cont .information .box .card {
  padding: 2vw 0;
}
#JournalList .journal-cont .information .box .info_list {
  margin: 4vw 0 0;
}
#JournalList .journal-cont .information .box .info_list dl {
  margin: 0 0 2.5vw;
}
#JournalList .journal-cont .information .box .info_list dl dt {
  font-size: 2.7vw;
}
#JournalList .journal-cont .information .box.c09 p{
  margin: 0 0 2vw;
}
}

/* category*/
.category_header {
  max-width: 740px;
  margin: auto;
}
.category_header h3 {
  font-size: 18px;
  border-bottom: 1px solid #333;
  padding: 0 0 10px;
  margin: 30px 0 20px;
}
.category_header p {
  font-size: 12px;
  line-height: 1.7;
}
.column3 .badge, .column4 .badge, .column5 .badge {
    height: auto;
    width: auto;
}




@media screen and (max-width: 768px) {
.category_header h3 {
  font-size: 4.2vw;
  padding: 0 0 2vw;
  margin: 5vw 0 4vw;
}
.category_header p {
  font-size: 2.7vw;
}
}

/*detail*/
#itemDetail-cont .itemOutline ul.ico_itemType li {
    height: auto;
    width: auto;
}
article#Detail .itemOutline ul.infoArea {
    overflow: hidden;
    margin: 0 15px;
    height: auto;
}
section#itemDetail-wrap .itemOutline li {
    width: auto;
}
#pi_cart .sps-wishAddItem img{
  max-width: 94%;
  padding: 0 3%;
}