@charset "Shift_JIS";

/*==============================================
#forfurusato-kanto-satte 設定 STR
================================================*/
.header-info-red {
    display: none;
}
main#wrapper {
    margin: 0;
    padding: 0;
    max-width: none;
}
#forfurusato-kanto-satte .pc_none {
    display: none;
}
#forfurusato-kanto-satte img {
    width: 100%;
    height: auto;
    display: block;
}
#forfurusato-kanto-satte .smp_none, 
#forfurusato-kanto-satte a {
    display: block;
}
#forfurusato-kanto-satte a:hover {
    opacity: .8;
}
:root {
    --font-size-text: 2.6cqw;

    --font-size-h2: 1rem;
    --font-size-h3: 1rem;
    --font-size-h4: 1.6rem;
    --font-size-price: 1.3rem;
    --font-size-price-small: 0.6rem;
    --font-size-discount:0.8rem;
    --font-size-small: 0.6rem;
    --font-size-anchor: 0.7rem;
    --font-size-ptext: 1rem;
}

.smp_none {
    display: block;
}
.pc_none {
    display: none;
}
/*==============================================
#forfurusato-kanto-satte 設定 END
================================================*/

/*==============================================
#forfurusato-kanto-satte アクセス STR
================================================*/
#forfurusato-kanto-satte .access-inner{
    display:flex;
}

#forfurusato-kanto-satte .access-inner__left{
    /* grid-template-columns: 1fr 9em; */
    width: 60%;
}

#forfurusato-kanto-satte .access-inner__left img{
    /* width: 100%; */
    margin: 0 auto;
}
/*==============================================
#forfurusato-kanto-satte アクセス END
================================================*/

/*==============================================
#forfurusato-kanto-satte メイン STR
================================================*/

#forfurusato-kanto-satte .contents-inner{
    min-height: 24em;
}
#forfurusato-kanto-satte .parts-inner li .txt{
    font-size: .8em;
    text-align: left;
    grid-column: 2 / 1;
    padding: 0 0.8em 0 1.2em;
}
#forfurusato-kanto-satte .parts-inner li .mtop{
    padding-top: 1.5em;
}
#forfurusato-kanto-satte .parts-inner li.col_1 .left .name {
    width: 18em;
    margin-bottom: .5em;
}
#forfurusato-kanto-satte .parts-inner li.col_1{
    align-items: center;
}
#forfurusato-kanto-satte .pic-inner__title .number.pink:after {
    border-left: 1.76em solid var(--color-pink);
    border-right: 1.77em solid var(--color-pink);
}
#forfurusato-kanto-satte .pic-inner__title .number.pink{
    background: var(--color-pink);
}
#forfurusato-kanto-satte .pic-inner__title .number.yellow:after {
    border-left: 1.76em solid var(--color-yellow);
    border-right: 1.77em solid var(--color-yellow);
}
#forfurusato-kanto-satte .pic-inner__title .number.yellow{
    background: var(--color-yellow);
}
#forfurusato-kanto-satte .pic-inner__title .number.green:after {
    border-left: 1.76em solid var(--color-green);
    border-right: 1.77em solid var(--color-green);
}
#forfurusato-kanto-satte .finish-inner {
    padding: 2em 3em;
}

/*==============================================
#forfurusato-kanto-satte メイン END
================================================*/

/*==============================================
#forfurusato-kanto-satte フォントサイズ STR
================================================*/
/* フォントサイズ：.5em */
#forfurusato-kanto-satte .access-inner__left dl.txt dd{
    font-size: .5em;
}
/* フォントサイズ：.6em */
#forfurusato-kanto-satte .contents-area__txt,
#forfurusato-kanto-satte .contents-area__access dt,
#forfurusato-kanto-satte .contents-area__access dd,
#forfurusato-kanto-satte .flex-box .goods h5,
#forfurusato-kanto-satte .flex-box .goods .price span,
#forfurusato-kanto-satte .flex-box .goods .btn-black.red,
#forfurusato-kanto-satte .item-list-inner__popbtn,
#forfurusato-kanto-satte .access-inner__left dl.txt dt{
    font-size: .6em;
}
/* フォントサイズ：.7em */
#forfurusato-kanto-satte .access-inner__left .title{
    font-size: .7em;
}
/* フォントサイズ：.8em */
#forfurusato-kanto-satte .contents-area__btn,
#forfurusato-kanto-satte .contents-area__btn i,
#forfurusato-kanto-satte .item-list-btn,
#forfurusato-kanto-satte .flex-box .goods .price{
    font-size: .8em;
}
/* フォントサイズ：1.2em */
#forfurusato-kanto-satte .contents-area__title h5{
    font-size: 1.2em;
}
/*==============================================
#forfurusato-kanto-satte フォントサイズ END
================================================*/

/*==============================================
#forfurusato-kanto-satte ホバー STR
================================================*/
#forfurusato-kanto-satte .contents-area__btn:hover{
    color: #000 !important;
    box-shadow: none;
    transform: translateY(2px);
}
#forfurusato-kanto-satte .pic-inner__name h3:hover,
#forfurusato-kanto-satte .contents-inner .btn_pin04_1:hover{
    filter: none;
    animation: none;
    transform: translateY(-2px);
}
#forfurusato-kanto-satte .item-list-inner__popbtn:hover{
    box-shadow: none;
    transform: translateY(2px);
}
#forfurusato-kanto-satte .pagetop a:hover{
    color: #fff !important ;
    transform: translateY(-2px);
}
#forfurusato-kanto-satte .flex-box .goods a:hover .btn-black.red{
    background: #fff;
    color: #cf1d2b;
}
#forfurusato-kanto-satte .flex-box .goods a:hover .btn-black::after{
    border-top: 2px solid #cf1d2b;
    border-right: 2px solid #cf1d2b;
}
/*==============================================
#forfurusato-kanto-satte ホバー END
================================================*/

/*==============================================
#forfurusato-kanto-satte その他 STR
================================================*/
#forfurusato-kanto-satte .window {
    width: 35em!important;
}
#forfurusato-kanto-satte .flex-box.col_2 .goods{
    width: calc(95% / 4);
}
#forfurusato-kanto-satte .parts-inner li.col_1{
    height: auto;
}
#forfurusato-kanto-satte .contents-inner .deco.parts_01_1{
    top: -3.5em;
    width:24%;
}
#forfurusato-kanto-satte .contents-inner .deco.pic_01_1{
    top: -4em;
    right: 1em;
    width: 43%;
}
#forfurusato-kanto-satte .contents-inner .deco.pic_03_1{
    top: -7em;
    width: 43%;
}
#forfurusato-kanto-satte .contents-inner .deco.parts_01_3{
    right: 3%;
    width: 26%;
    top: 65%;
}
#forfurusato-kanto-satte .contents-inner .deco.pic_02_1{
    top: -5em;
}
#forfurusato-kanto-satte .contents-inner .deco.pic_04_1{
    bottom: 0;
    right: 0;
    width: 42%;
}

#forfurusato-kanto-satte .contents-inner .parts_01_2,
#forfurusato-kanto-satte .contents-inner .parts_04_1{
    width: 70%;
}
#forfurusato-kanto-satte .contents-inner .parts_02{
    width: 60%;
}
#forfurusato-kanto-satte .contents-inner .deco.parts_02_3{
    bottom: 8.5em;
}
#forfurusato-kanto-satte .contents-inner .deco.btn_check{
    bottom: 2.8em;
    width: 26%;
}
#forfurusato-kanto-satte #contents3 .contents-inner .deco.btn_check{
    top: -2em;
    width: 26%;
}

#forfurusato-kanto-satte .pagetop{
    bottom: 2em;
}
#forfurusato-kanto-satte .contents-area__txt.flex{
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
}
#forfurusato-kanto-satte .contents-inner .margin-bottom{
    margin-bottom: 5.5em;
}
#forfurusato-kanto-satte .pic-inner__name.col_2 h3 {
    width: 12.5em;
}

/*名前の付箋*/
#forfurusato-kanto-satte .pic-inner__name h3{
    width: 12em;
}
/*==============================================
#forfurusato-kanto-satte その他 END
================================================*/

/*==============================================
#forfurusato-kanto-satte ポップアップ STR
================================================*/
#forfurusato-kanto-satte input {
    display: none;
}

/* ポップアップwindow部分 */
#forfurusato-kanto-satte .overlay {
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 70;
    width: 100%;
    height: 100%;
}
/* オーバーレイの背景部分 */
#forfurusato-kanto-satte .bg_gray {
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 80;
}
/* 閉じるボタン */
#forfurusato-kanto-satte .btn_cloth {
    position: absolute;
    top: -1.5em;
    right: 0em;
    width: 2em;
    height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
    cursor: pointer;
}
#forfurusato-kanto-satte .btn_cloth:hover {
    opacity: 0.7;
}
#forfurusato-kanto-satte .btn_cloth span,
#forfurusato-kanto-satte .btn_cloth span::before {
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background: #fff;
}
#forfurusato-kanto-satte .btn_cloth span {
    transform: rotate(45deg);
}
#forfurusato-kanto-satte .btn_cloth span::before {
    content: "";
    position: absolute;
    bottom: 0;
    transform: rotate(-90deg);
}
/* クリックで表示 */
#forfurusato-kanto-satte [id^="popup"]:checked ~ .overlay{
    visibility: visible;
}
#forfurusato-kanto-satte [id^="popup"]:checked ~ .overlay .window{
    animation: fadein 500ms forwards;
    animation-timing-function: ease-in-out;
}
@keyframes fadein {
    100% {
        opacity: 1;
    }
}
#forfurusato-kanto-satte .txt_label {
    cursor: pointer;
}
/*==============================================
#forfurusato-kanto-satte ポップアップ END
================================================*/


/*==============================================
#forf 赤ボタン STR
================================================*/
/* 親要素 */
#forfurusato-kanto-satte #finish {
  color: #1c1c1d;
  padding: 0 5% 5%;
  text-align: center;
}

/* 見出し */
#forfurusato-kanto-satte #finish h2 {
  color: #e42537;
  font-size: 1.8rem;
  margin-bottom: 3%;
}

#forfurusato-kanto-satte #finish p {
  font-size: 1.5rem;
}

/* ボタン */
#forfurusato-kanto-satte #finish .top-item__btn {
  position: relative;
  width: 60%;
  margin: 2% auto;
  padding: .8em 0;
  text-align: center;
  background: linear-gradient(135deg, #b10e18 10%, #d02a34 90%);
  background-size: 200% auto;
  background-position: right center;
  color: #FFF !important;
  border-radius: 100px;
  font-size: 1.5rem;
  box-shadow: 0px 10px 10px -6px rgba(32, 23, 4, 0.3);
}
/* ボタンの矢印 */
#forfurusato-kanto-satte #finish .top-item__btn::after {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: .4em;
  height: .4em;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  top: 0;
  bottom: 0;
  right: 8%;
  margin: auto;
  transform: rotate(45deg);
  transition: all 0.3s ease 0s;
}
/* PCのみhover */
#forfurusato-kanto-satte #finish .top-item__btn:hover {
  background-position: left center !important;
  color: white !important;
}
/*==============================================
#forfurusato-kanto-satte 赤ボタン END
================================================*/


/*==============================================
202607追加アンカーボタン
================================================*/
#forfurusato-kanto-satte #anchor_button h2.catch {
    color: #a9894a;
    font-size: 2rem;
}
#forfurusato-kanto-satte #anchor_button h2.catch br.pc_none {
    display: none;
}
#forfurusato-kanto-satte #anchor_button img {
    width: 22%;
    margin: 3% auto 1%;
}
#forfurusato-kanto-satte #anchor_button div.anchor_button_title img.left {
    position: absolute;
    width: 5%;
    top: 25%;
    left: 24%;
}
#forfurusato-kanto-satte #anchor_button div.anchor_button_title h2 {
    color: #f1759b;
    font-size: 2rem;
}
#forfurusato-kanto-satte #anchor_button div.anchor_button_title img.right {
    position: absolute;
    width: 6%;
    top: 25%;
    left: 70%;
}
#forfurusato-kanto-satte #anchor_button h3 {
    font-weight: normal;
    margin: 1% auto 2%;
    font-size: 1.2rem;
}
#forfurusato-kanto-satte #anchor_button ul {
    width: 72%;
    margin: 0 auto;
}
#forfurusato-kanto-satte #anchor_button ul li {
    position: relative;
    width: calc(96% / 2);
    margin: 0 auto 2%;
    background-color: #f1759b;
    border: 3px solid #fff;
    box-shadow: 0px 0px 0px 1px #000;
    border-radius: 50px;
}
#forfurusato-kanto-satte #anchor_button ul li img {
    display: block;
    position: absolute;
    width: 6%;
    top: 4%;
    left: 12%;
}
#forfurusato-kanto-satte #anchor_button ul li a {
    position: relative;
    margin: 4% auto;
    font-size: 1rem;
    color: #fff;
}
#forfurusato-kanto-satte #anchor_button ul li a::after {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;   
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto;
    transform: rotate(135deg);
    transition: all 0.3s ease 0s;
}
#forfurusato-kanto-satte #anchor_button div.another {
    width: 50%;
    margin: 1% auto;
    color: #f1759b;
    background-color: #f5ede1;
    border: 2px solid #fff;
    box-shadow: 0px 0px 0px 1px #f1759b;
    border-radius: 50px;
}
#forfurusato-kanto-satte #anchor_button div.another a {
    position: relative;
    font-size: 1.2rem;
    margin: 1% 0;
}
#forfurusato-kanto-satte #anchor_button div.another a::after {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #f1759b;
    border-right: 2px solid #f1759b;
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto;
    transform: rotate(135deg);
    transition: all 0.3s ease 0s;
}

/*==============================================
#forfurusato-kanto-satte 商品ラインナップ 追加
================================================*/
#forfurusato-kanto-satte .item-list-inner img.logo {
    width: 24%;
    margin: 3% auto 0;
}
#forfurusato-kanto-satte .item-list-inner div.item-list-inner-img img.left {
    position: absolute;
    width: 5.5%;
    top: 6.4%;
    left: 20%;
}
#forfurusato-kanto-satte .item-list-inner div.item-list-inner-img h2 {
    position: relative;
    color: #f1759b;
    margin: 0 auto;
    font-size: 2rem;
}
#forfurusato-kanto-satte .item-list-inner div.item-list-inner-img img.right {
    position: absolute;
    width: 7%;
    top: 6.3%;
    left: 74.5%;
}
#forfurusato-kanto-satte .item-list-inner h3 {
    font-size: 1.2rem;
}
#forfurusato-kanto-satte .item-list-inner p {
    font-size: 1rem;
    font-weight: normal;
    margin-bottom: 3%;
}
#forfurusato-kanto-satte .item-list-inner p br.smp_none {
    display: block;
}

/*==============================================
#forfurusato-kanto-satte アイリスのふるさと納税の特徴　追加
================================================*/
#forfurusato-kanto-satte #iris-forfurusato-features {
    background-color: #c3ac80;
    padding: 5%;
}
#forfurusato-kanto-satte #iris-forfurusato-features h2 {
    font-size: 2rem;
    color: #fff;
    margin-bottom: 1%;
}
#forfurusato-kanto-satte #iris-forfurusato-features h3 {
    color: #fff;
    font-size: 1.2rem;
    font-weight: normal;
    margin-bottom: 1%;
}
#forfurusato-kanto-satte #iris-forfurusato-features img {
    width: 22%;
    margin: 0 auto 1%;
}
#forfurusato-kanto-satte #iris-forfurusato-features div.merit {
    background-color: #ede6d9;
    border-radius: 10px;
    padding: 3%;
}
#forfurusato-kanto-satte #iris-forfurusato-features div.merit div.point {
    margin-bottom: 5%;
}
#forfurusato-kanto-satte #iris-forfurusato-features div.merit div.point h4 {
    color: #a9894a;
    font-size: 1rem;
    font-weight: normal;
}
#forfurusato-kanto-satte #iris-forfurusato-features div.merit div.point h3 {
    color: #a9894a;
    font-size: 1.5rem;
    font-weight: bold;
}
#forfurusato-kanto-satte #iris-forfurusato-features div.merit div.point img {
    width: 24%;
    margin: 3% auto;
}
#forfurusato-kanto-satte #iris-forfurusato-features div.merit div.point p {
    color: #222;
    font-size: 1rem;
}
#forfurusato-kanto-satte #iris-forfurusato-features div#forfurusato-top {
    width: 70%;
    margin: 0 auto 3%;
    background-color: #a9894a;
    color: #fff;
    border-radius: 50px;
}
#forfurusato-kanto-satte #iris-forfurusato-features div#forfurusato-top a {
    position: relative;
    line-height: 5rem;
}
#forfurusato-kanto-satte #iris-forfurusato-features div#forfurusato-top a::after {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    top: 5%;
    bottom: 0;
    right: 5%;
    margin: auto;
    transform: rotate(45deg);
    transition: all 0.3s ease 0s;
}