@charset "UTF-8";
/*=============================================================

	Date: 2025-01-17
	CSS Document ：
   60代からのトキメキおしゃれ服 華やかカラーを楽しむ“大人のロングコート”ができました！
   イラストレーター進藤やす子さんと企画
	
=============================================================*/
.sr_page-shopping-result__free .fca_container__in {
 max-width: 100%;
}
.sr_page-shopping-result__free .fca_container {
 padding: 0;
}
.main-visual {
 height: 100vh;
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
}
.fsc_emergency, .fsc_gfooter__breadcrumb, #footercontent {
 z-index: 3;
 position: relative;
}
.fca_page-shop-category__body {
 margin-top: 35px;
 margin-top: 0;
 z-index: 1;
 position: relative;
 background: #FFF;
}
#container_id .pc_id {
 display: block;
}
#container_id .sp_id {
 display: none;
}
#container_id a {
 transition: all 0.3s;
 cursor: pointer;
}
#container_id a:hover {
 opacity: 0.7;
 text-decoration: none;
}
#container_id ul {
 padding-inline-start: 0;
 padding-top: 1em ;
}
#container_id ul li {
 list-style: none;
}
#container_id {
 /* font-family: "Gothic Medium BBB"; */
 color: #000;
 font-size: 80%;
 line-height: 1.8;
 letter-spacing: 0.15em;
 opacity: 0;
 z-index: 4;
 position: relative;
 overflow: hidden;
}
#container_id.load_id {
 animation: fade_id 0.8s forwards 0.8s;
}
@keyframes fade_id {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
.scrollin {
 opacity: 0;
 transform: translateY(2rem);
 transition: opacity .5s, transform .8s;
}
.scrollin.active {
 opacity: 1;
 transform: translateY(0);
 transition-delay: .0s;
}

/*======== アニメーション ========*/
.fade_id {
	opacity: 0;
}
.fade_id.fadeIn_fid {
	animation: fadeIn_id 0.8s forwards 0s;
}
@keyframes fade_id {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
@keyframes fadeIn_id {
  0% {
      transform: translateY(20px);
      opacity: 0;
  }
  100% {
      transform: translateY(0px);
      opacity: 1;
  }
}
@keyframes fade_left {
  0% {
      transform: translateX(15px);
      opacity: 0;
  }
  100% {
      transform: translateX(0);
      opacity: 1;
  }
}
.fade_top {
  animation-fill-mode: both;
  animation-duration: 2s;
  animation-name: fade_top;
  visibility: visible!important;
  opacity: 1;
  animation-delay: 0.5s;
}
@keyframes fade_top {
0% {
  opacity: 0;
}
50% {
  opacity: 0;
}
100% {
  opacity: 1;
}
}

/*==================================

title

==================================*/
.title_id {
 background-color: #faf9e9;
 background-position: center;
 background-repeat: no-repeat;
 position: relative;
 z-index: 1;

}
.title_inner_id {
   height: 550px;
    width: 920px;
 margin: 0 auto;
 position: relative;
}
.ttl_text {
 height: 100%;
 opacity: 0;
}
.ttl_text img {}
.ttl_text img.ttl_main {
   width: 570px;
   position: absolute;
   top: 22%;
   left: 1%;
}
.ttl_text img.ttl_illust {
position: absolute;
    top: 6.5%;
    right: 15%;
    width: 210px;
   }
.ttl_text img.ttl_illust02 {
   position: absolute;
   top: 21.6%;
   right: 0%;
   width: 172px;
   }
/* .title_inner_id img.ttl_ahirai02 {
 position: absolute;
 top: 57%;
 left: 2.5%;
} */
.load_id .ttl_text {
 animation: ttl_slide 1.2s forwards 1.0s;
}
@keyframes ttl_slide {
 0% {
  transform: translateY(30px);
  opacity: 0;
 }
 100% {
  transform: translateY(0px);
  opacity: 1;
 }
}
/*==================================

リード

==================================*/
.title_lead_id {
    font-size: 125%;
    line-height: 2.3;
    text-align: center;
    font-family: "A1 Mincho", serif;
    margin: 2em auto 2.2em;
   }
.title_lead_id p {
   width: 100%;
   margin: 0 auto;
}
.ttl_area {
   background-color: #FFF;
   position: relative;
 z-index: 1;
}
.title_lead_id p span {
	background: linear-gradient(transparent 55%, #d0e8d5d4 30%);
	padding-bottom: 0.2em;
}


/*==================================

プロフィール

==================================*/
.prof_id {
 position: relative;
 /* background-color: #f7f9f2; */
}
.prf_wrap {
   width: 680px;
   margin: 0 auto;
   background-color: #ffffff;
   border-radius: 20px;
   padding: 2em;
   border: 2px solid #8dc897;
}
.prof_flex_id {
 display: flex;
 align-items: end;
 justify-content: space-between;
 border-bottom: 2px dotted #868686;
 padding-bottom: 0.3em;
}
.prof_ttl_id {}
.prof_ttl_id img {
   width: 75%;
   padding: 0 0 0.1em 1em;
}
.prof_sub_id {
   display: flex;
 width: 90%;
 margin-left: 0%;
 align-items: end;
}
.prof_sub_id .name_id {
 font-size: 125%;
 padding: 0 0 0.2em;
 line-height: 1.7;
 font-family: "ゴシックMB101 R JIS2004 AP";
 margin: 0 1em 0 1em;
}
.name_id {
   display: block;
}

.name_id .name_sub {
font-size: 90%;
margin-bottom: -0.5em;
text-align: left;
}
.name_id .full_name {
font-size: 130%;
}
   
.prf_wrap p {
   margin: 0.8em 0;
   font-size: 114%;
   line-height: 1.8;
   padding-bottom: 0.6em;
   text-align: left;
}

.prof_sub_id a {
font-weight: bold;
text-align: right;
/* display: block; */
   margin-bottom: 0.5em;
   display: flex;
   align-items: center;
 }
.prof_sub_id a img {
   width: 27px;

}

.prof_sub_id a span {
 margin-left: 0.4em;
 font-size: 1.4em;
 color: #666666;
 font-family: "Gothic MB101 DemiBold";

}

.message{
   margin: 5em auto 0;
    width: 680px;
    padding-bottom: 5em;
}
/*==================================

メイン

==================================*/
#main_wrap_id {
 background-color: #d0e8d5;
 padding: 0em 0 0em;
 position: relative;
}
.wrap_bg_id {
 position: absolute;
 width: 100%;
 min-height: 300px;
 height: 50vh;
 max-height: 800px;
 top: 0;
 left: 0;
 display: block;
 background-color: #ffffff;
 /* background-image: url(/iedit/list/shindototebag/bg.jpg?$staticlink$);
 background-position: center;
 background-repeat: repeat; */
}
.wrap_bg_id.fixed_id {
 position: fixed;
}
.wrap_bg_id.fixed_stop_id {
 position: absolute;
}
.inner_id {
 position: relative;
 width: 740px;
 margin: 0em auto;
 /* padding-bottom: 3em; */
 background: #f8f8f6;
 margin-top: 2em;
 text-align: center;
 padding-top: 3em;
}
.inner_id ul {}
.inner_id ul li {
 margin: 0em auto 3em;
}
.inner_id ul li > img, .inner_id ul li > .img_wrap_id {
 margin: 2em auto 1em;
 position: relative;
}
.img_wrap_id .ashirai01_id {
 position: absolute;
 top: 0%;
 left: -7%;
	opacity: 0;
	transform: translateY(1rem);
 transition: opacity .8s, transform .8s;
}
.img_wrap_id .ashirai02_id {
 position: absolute;
 bottom: -4%;
 right: -8%;
	opacity: 0;
	transform: translateY(1rem);
 transition: opacity .8s, transform .8s;
}

li.scrollin.active .img_wrap_id .ashirai01_id,
li.scrollin.active .img_wrap_id .ashirai02_id {
 opacity: 1;
 transform: translateY(0);
 transition-delay: 0.6s;
}

.inner_id ul li > p {
   width: 90%;
   text-align: center;
   margin: 1em auto 0.7em !important;
   font-size: 1.4em;
   letter-spacing: 0.1em;
}
.point_ttl_id {
 width: 81.1%;
 color: #1c50a1;
 line-height: 1.3;
 font-family: "Gothic MB101 DemiBold";
 font-size: 170%;
 border: 3px solid #1c50a1;
 border-right: none;
 border-left: none;
 margin: 0 auto 1.2em;
 padding: 0.5em 0;
 position: relative;
 font-weight: bold;
}
.point_ttl_id img {
 position: absolute;
 top: -39px;
 right: -36px;
}
/*==================================

アイテムリンク

==================================*/
.collabo_items {
   width: 23%;
   margin: 4em auto -0.3em;
}
.link_id .link_text_id p{
   margin: 0.4em auto;
   line-height: 144%;
   letter-spacing: 2.7px;
   font-family: "Gothic Medium BBB";
 }
 .link_id {
   display: flex;
   justify-content: center;
   gap: 0 0%;
   width: 71%;
   margin: 0% auto 3%;
   /* padding: 3%; */
   align-items: center;
 }
 .itemlink01 .link_id {
    display: flex;
    justify-content: center;
    gap: 0 0%;
    width: 720px;
    margin: 0% auto 4%;
    padding: 1% 3%;
    align-items: center;
}
 .link_id img {
   width: 47%;
    /* margin: 0 auto; */
    display: block;
    padding: 0 0em 
 }
.buy_id img {
      width: 85%;
    margin: 0 auto;
    display: block;
    padding: 0 0em 
}
.ttl_item {
   width: 100%;
}
.price_wrap {
   font-size: 82%;
  }
 .tax {
   font-size: 60%;
  }

/* item02 */
.itemlink02 .link_id img {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 0 0em;
}

 .link_text_id {
   font-family: "Gothic Medium BBB";
   font-size:  1.3em;
   text-align: center;
   line-height: 155%;
   margin-bottom: 2em;
 }
 .itemlink02 .link_text_id {
   font-family: "Gothic Medium BBB";
   font-size: 1.2em;
   text-align: center;
   line-height: 155%;
    margin-bottom: 1em;
}
.itemlink02 {
   margin-bottom: 4.5em;
}

.item_id {
 margin: 1em 0 2em;
}
.item_id a {
 display: flex;
 align-items: center;
 justify-content: center;
}
.item_id a img {}
.item_id a span.spec_id {
 text-align: left;
 font-size: 125%;
 font-weight: bold;
}
.item_id a span.name_id {}
.item_id a span.price_id {
 display: block;
 font-size: 85%;
 margin: 1em 0 0;
}
.item_id a span.num_id {
 color: #cf0e36;
 font-size: 250%;
 font-weight: 400;
 font-style: italic;
 vertical-align: middle;
 line-height: 1.0;
 font-family: 'Barlow', sans-serif;
}
.tax_id {
 font-size: 75%;
 text-align: right;
 /* display: block; */
 font-weight: normal;
 margin: 2em 0 0;
 letter-spacing: 1.7px;
}


/* btn */
.buy_id01 {
   width: 75%;
   margin: 1em auto 0.5em;
   background-image: url(../images/buy_hover.svg);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
}
.buy_id02 {
   width: 75%;
   margin: 0.3em auto;
   background-image: url(../images/buy_hover.svg);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
}

.price_id {
   font-size: 190%;
   font-family: 'Judson';
   font-style: italic;
   margin-right: 0.1em;
   letter-spacing: 1.5px;
 }
 
 .tanyi {
   font-size: 90%;
   margin-right: 0.4em;
 }
 a:hover{
   text-decoration: none;
   opacity: 0.7 ;
   }
.collabo_ttl {
   border-bottom: 1px solid #868686;
   margin: 0 auto;
   padding: 0 0 0.5em;
   display: inline-block;
   width: 280px;
}
.item_bnr:hover .buy_id img {
   opacity: 0;
}
.item_bnr .buy_id img {
   transition: 0.3s;
}
/* item link02 */
.itemlink02 .link_id {
   display: flex;
   justify-content: center;
   gap: 1%;
   width: 71%;
   margin: 0% auto 3%;
   align-items: center;
}
.itemlink02 .link_id .ttl_item {
   width: 60%;
   }
.itemlink02 .buy_id01 {
   width: 72%;
   margin: 0.6em auto -0.4em;
   background-image: url(../images/buy_hover.svg);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
}
.itemlink02 .buy_id02 {
   width: 72%;
   margin: 1em auto;
  background-image: url(../images/buy_hover.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

 /*==================================

コンテンツエリア

==================================*/
/* contents1 */
.contents_ttl {

}
.contents1_ttl {
   margin: 6em auto 0em;
   width: 73%;
}
.contents1_main {
   margin: 1em auto;
   width: 95%;
}
.ashirai01 {
   width: 13%;
   top: -4.3em;
   left: 2em;
   position: absolute;
}
/* contents2 */
.contents2_ttl {
   width: 64%;
   margin: 8em auto 1em;
}

/* contents3 遊び心は忘れない！ */
.contents3_ttl {
   width: 75%;
   margin: 7em auto 1em;
}
.c3_img {
   /* width: 95%; */
}

 /*==================================

アイテムリンク02

==================================*/


.collabo_items02 {
   width: 40%;
   margin: 6em auto 0;
}
.items_wrap02 .itemlink01 .link_id {
   display: flex; 
   justify-content: center;
   gap: 0 0%;
   width: 720px;
   margin: 0% auto 3%;
   padding: 1% 7%;
   align-items: center;
   flex-direction: unset;
}

.items_wrap02 .buy_id img {
   width: 100%;
   margin: 0 auto;
   display: block;
   padding: 0 0em;
}
.items_wrap02 .ttl_item {
   width: 70%;
}
.items_wrap02 {
   padding-bottom: 3.5em;
}
.items_wrap02 .buy_id {
   width: 80%;
}

 /*==================================

おすすめアイテムエリア

==================================*/
.osusume_wrap {
   background-color: #fffcdb;
   padding-bottom: 4em;
}

.main_ttl_id {
   background: #000;
   color: #FFF;
   text-align: center;
   font-size: 240%;
   padding: 0.3em 1em;
   margin: 0 -1em;
   line-height: 1.3em;
   letter-spacing: 0.16em;
   font-family: "A1 Mincho", serif;
  }
  .osusume_ttl {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 0em;
}

.osusume_ttl p {
   font-size: 2em;
   font-family: "A1 Mincho", serif;
   font-weight: bold;
   line-height: 1.3em;
   letter-spacing: 0.15em;
   text-align: center;
}
.osusume_wrap ul li .osusume_ttl .osusume_ttl_icon {
   width: 15%;
   margin-bottom: -1.2em ;
    margin-right: 0.5em;
}
.osusume_wrap  a {
}
.osusume_wrap .link_id {
width: 90%;
}
.osusume_wrap .link_id a {
   display: flex;
justify-content: center;
margin: 0 auto;
align-items: center;
/* width: 80%; */
}

.osusume_wrap .price_wrap {
   font-size: 90%;
}
.osusume_wrap ul li:nth-child(1) {
margin-bottom: 0.5em;
}
.osusume_wrap ul li:nth-child(2) {
  margin-bottom: 1em;
}
.osusume_wrap li img {
}
.osusume_wrap .link_id img {
   width: 100%;
   margin: 0 auto;
   display: block;
   padding: 0 0em;
}
.osusume_wrap .buy_id {
   width: 65%;
   margin: 0.6em auto -0.4em;
   background-image: url(../images/buy_hover.svg);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
}
/* おすすめ01 */
.osusume01_img {
   margin-right: -1em;
}
/* おすすめ02 */
.osusume_wrap .osusume02_wrap {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 90%;
   margin: 0 auto;
}
.osusume_wrap  .osusume02_wrap .link_id a {
   flex-direction: column;
}
.osusume_wrap  .osusume02_wrap .link_id {
   width: 60%;
}
.osusume02_img {
   margin-left: 0.8em;
}
.osusume_wrap .osusume02_wrap .color {
   width: 26% !important;
   margin: 2% auto;
}

/*==================================

info

==================================*/
  .info_id {
   width: 740px;
   margin: 3em auto 7em;
   text-align: center;
  }
  .info_btn {
   width: 50%;
  }
  .tokimeki_link {
   margin-bottom: 5em; 
   padding-top: 1em;  
  }
  .info_id p{
   font-size: 1.5em;
   letter-spacing: 0.16em;
   font-family: "ゴシックMB101 R JIS2004 AP";
   margin-bottom: 0.2em;
  }



/*==================================

SP

==================================*/
@media screen and (max-width: 768px) {
 /* SP */
 #container_id .pc_id {
  display: none !important;
 }
 #container_id .sp_id {
  display: block;
 }
 /*==================================

title

==================================*/
 .title_id {
   width: 100%;
   background-color: #faf9e9;

 }
 .title_inner_id {
   width: 100%;
   height: auto;
 }
 .ttl_text {}
 .ttl_text img {

 }
 .ttl_text img.ttl_main {
   position: static;
   width: 90%;
   margin: 0em 0 0 1.6em;
   display: block;
   padding: 3em 0 2em 0em;
}
 .ttl_text img.ttl_ahirai01 {
  left: 30%;
  top: 4.5%;
  width: 10%;
 }
 .ttl_text img.ttl_ahirai02 {}
 .ttl_area {
   background-color: #faf9e9;
 }
 .line_sp{
   width: 80%;
   margin: 0 auto;
 }
 
 /*==================================

リード

==================================*/
 .title_lead_id {
   width: 95%;
   margin: 0em auto 1em;
   padding: 2em 0 0.8em;
   font-size: 3.5vw;
   line-height: 1.9;
   }
 .title_lead_id p {}

 .title_lead_id p span {
	background: linear-gradient(transparent 55%, #d0e8d5 30%);
	padding-bottom: 0.2em;
}

 /*==================================

プロフィール

==================================*/
.prof_id {
   width: 95%;
   margin: 0 auto;
}
 .prof_flex_id {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px dotted #868686;
 }

 .prf_wrap {
   width: 95%;
   padding: 1.5em 2em 1em;
   border: 1.5px solid #42B764;
 }
 .prof_ttl_id {
  width: 32%;
  display: inline-block;
  /* float: left; */
  margin: 0;
 }
 .prof_ttl_id img {
  padding: 0;
 }
 .prof_sub_id {
  width: auto;
  margin: 0;
  display: block;
 }
 .prof_sub_id .name_id {
  margin: 0;
font-size: 110%;
  padding: 0;
 }
 .prof_sub_id p {
  clear: both;
  margin: 0.5em 0;
 }
 .prof_sub_id a {
    margin: 0em 0 1em;
}
 .prof_sub_id a img {
  width: 1.9em;
 }
 .prof_sub_id a span {
   font-size: 1.2em;
 }
.prf_wrap p {
   font-size: 0.92em;
   margin: 0.9em 0;
}
 .message {
   width: 90%;
   padding-bottom: 2em;
 }
 .name_id .full_name {
    font-size: 128%;
    text-align-last: left;
}
 /*==================================

メイン

==================================*/
 #main_wrap_id {
   background-color: #ffffff; }
 .wrap_bg_id {
  height: 65vh;
  height: 45lvh;
 }
 .inner_id {
  width: 100%;
  margin-top: 0;
  padding-top: 2.8em;
 }
 .main_ttl_id {
  font-size: 210%;
 }
 .inner_id ul {
}
 .inner_id ul li {}
 .inner_id ul li > img, .inner_id ul li > .img_wrap_id {
  width: 95%;
 }
 .inner_id ul li > .img_wrap_id {
  margin-bottom: 3em;
 }
 .img_wrap_id .ashirai01_id {
    width: 27%;
    left: -11%;
    top: -5%;
}
 .img_wrap_id .ashirai02_id {
    width: 27%;
    right: -10%;
    bottom: -16%;
 }
 .inner_id ul li > p {
   margin: 0em auto !important;
   font-size: 3.5vw;
   line-height: 1.5em;
   letter-spacing: 2.2px;
}
 .point_ttl_id {
  width: 90%;
  font-size: 140%;
  margin: 0 auto 0.5em;
 }
 .point_ttl_id img {
  width: 19%;
  top: -28%;
  right: -3%;
 }
 /*==================================

アイテムリンク

==================================*/
.collabo_items {
   width: 50%;
   margin: 3em auto 0.5em;
}
.items_wrap {
   display: flex;
   justify-content: center;
   flex-direction: column;
   gap: 0.5em;
   padding-bottom: 3em;
}
.itemlink01 .link_id {
   display: flex;
   justify-content: center;
   gap: 0 0%;
   width: 91%;
   margin: 0% 0 0% 3.1%;
   flex-direction: unset;
   padding: 1% 0% 8%;
   /* flex-direction: column; */
}
.link_text_id {
   /* margin: 1em; */
}
.link_id .ttl_item {
   width: 53%;
   margin: 0 auto;
}
 .item_id {}
 .item_id a {
  display: block;
 }
 .item_id a img {}
 .item_id a span.spec_id {
  display: inline-block;
 }
 .item_id a span.name_id {}
 .item_id a span.price_id {}
 .item_id a span.num_id {}
 .tax_id {
  text-align: center;
 }
 .buy_id {
   width: 80%;
}
 .itemlink02 .link_text_id {
   font-family: "ゴシックMB101 R JIS2004 AP";
   font-size: 1.1em;
 }
.link_text_id {
   font-size: 3.3vw;
   margin-bottom: 1.1em;
}
.itemlink01  {
   /* padding-bottom: 3em; */
}
.itemlink02 {
   margin-bottom: 2em;
}
.itemlink02 .link_id {
   width: 90%;
}
.price_wrap {
   font-size: 90%;
}
.buy_id img {
   width: 80%;
}
.collabo_ttl {
   border-bottom: 1px solid #868686;
   margin: 0 auto;
   padding: 0 0 0.5em;
   display: inline-block;
   width: 100%;
}
.osusume02_wrap .collabo_ttl {
   width: 70%;
}
.osusume_wrap .osusume02_wrap .link_id {
   width: 50%;
}
.osusume_wrap .osusume02_wrap .buy_id {
   width: 50%;
}
.buy_id {
   width: 100%;
margin: 0.6em auto 0em;;
}
.link_id .link_text_id p {
   margin: 0.4em auto;
   line-height: 141%;
   letter-spacing: 1.5px;
   font-family: "Gothic Medium BBB";
}
/*==================================

コンテンツエリア

==================================*/

li .contents_ttl {
}
/* contents01 大人こそ柄パンツを！ */
.contents1_ttl {
   height: 18vw;
   width: 82%;
}
.contents1_main {
   width: 97% !important;
   margin: 0 auto;
}
.contents1_02 {
   width: 100% !important;
}
.ashirai01 {
   width: 13%;
   top: -14vw;
   left: 1em;
   position: absolute;
}
/* contents02 */
.contents2_ttl {
   width: 75%;
   margin: 5em auto 0.5em;
}
/* どの世代でも似合うデザイン */
.contents3_ttl {
   width: 87%;
   margin: 5em auto 0.5em;
}
.c3_img {
   width: 100% !important;
}
 /*==================================

おすすめアイテム

==================================*/
.osusume_wrap .link_id {
   display: flex;
   justify-content: center;
   gap: 0 0%;
   width: 95%;
   margin: 0% auto 3%;
   padding: 0;
   align-items: center;
   font-size: 110%;
}
.osusume_ttl_wrap {
   margin-bottom: 0;
   padding-top: 1em !important;
}
.osusume_ttl {
   margin-bottom: 0em;
}
.osusume_ttl p {
   font-size: 1.8em;
   line-height: 1.4em;
   letter-spacing: 0.15em;
}
.osusume_ttl img {
   width: 19%;
}
.osusume02 .link_id {
   display: flex;
   justify-content: center;
   width: 96%;
}
.info_id {
   width: 90%;
   margin: 3em auto 6em;
}
.info_btn {
   width: 75%;
}
 .code_item {
   width: 97% ;
}
.itemlink02 .link_text_id {
font-size: 3.3vw;
}
.osusume_wrap .link_id a {
   display: flex;
   justify-content: center;
   margin: 0 auto;
   align-items: center;
   width: 97%;
   gap: 5%;
}
.osusume_wrap .buy_id {
   width: 65%;
}
.osusume02 .buy_id {
   width: 45%;
}
.osusume_wrap .link_text_id {
   font-size: 3.3vw;
   width: 75vw;
   margin: 0 0.2em 0 -1.8em;
}
.osusume_wrap .link_id .link_text_id p {
    margin: 0.8em auto 0.8em;
}
.osusume01_img {
   margin-right: 0em;
   width: 80% !important;
}
.osusume02 .link_id .link_text_id p {
    letter-spacing: 1.2px;
}
.osusume02 .link_text_id {
    font-size: 1.05em;
    width: 100%;
}
.osusume02 .link_id .item_img {
    width: 50%;
}
.itemlink02 .buy_id01 {
    width: 80%;
}
.itemlink02 .buy_id02 {
    width: 80%;
}
.osusume02_item_img {
   width: 93% !important;
}
.osusume02_img {
   margin-left: 0em;
}
.osusume_wrap .osusume02_wrap .link_text_id {
   font-size: 3.3vw;
   width: 60vw;
   margin: 0 0.2em 0 -1.8em;
}
.osusume02 .osusume_ttl {
   margin-top: 1.5em;
}
 /*==================================

アイテムリンク 02

==================================*/
.itemlink02 .link_id .ttl_item {
   width: 52%;
}

 /*==================================

info

==================================*/
.info_id p {
   font-size: 3.5vw;
}
.tokimeki_link a img {
   width: 90%;
}
.tokimeki_link {
   margin-bottom: 4em;
}

}


/*==================================

ページトップへ

==================================*/
.pageTop {
   display: none;
   position: relative;
   height: 0;
   margin: 0 auto;
   max-width: 1000px;
   width: 100%;
   z-index: 10000;
  }
    .pageTop a {
   position: fixed;
   bottom: 31px;
   right: 36px;
   left: auto;
   display: block;
   width: 72px;
   height: 72px;
   box-sizing: initial;
   background-image: url(../images/pagetop.png);
   z-index: 100;
   background-repeat: no-repeat;
  }

  @media screen and (max-width: 769px) {
.pageTop a {
    position: fixed;
    bottom: 20px;
    right: 17px;
    left: auto;
    display: block;
    width: 50px;
    height: 50px;
   background-image: url(../images/pagetop_sp.png);

  }
  .pageTop {}
  .pageTop a {
   width: 12vw;
   height: 18vw;
   bottom: 5vw;
   right: 3vw;
   background-size: contain;
  }
 
  }

  @media screen and (min-width: 769px) {
   .pageTop a:hover {
    opacity: 1 !important;
    padding-bottom: 10px;
   }
   
  }