@charset "utf-8";
/* CSS Document */

/*reset*/
#future_tmp {font-size: 1.6rem;line-height: 1.7;letter-spacing: 0.1em;width: 1130px; margin: 0 auto 40px;}
.ecbn-selection-page-wrapper .ecbn-selection-footer2 .ecbn-selection-powered-name .ecbn-visumo-logo {width: 55px !important;}

#future_tmp img{max-width: 100%;width: auto;}
#future_tmp h2,#future_tmp h3,#future_tmp h4,#future_tmp h5{margin: 0}
#future_tmp p,#future_tmp ul{margin: 0;padding: 0}
#future_tmp ul li{margin: 0;padding: 0;list-style: none}
#future_tmp .mb2{margin-bottom: 2rem !important}
#future_tmp .mb3{margin-bottom: 3rem !important}
#future_tmp .mb4{margin-bottom: 4rem !important}
#future_tmp .mb6{margin-bottom: 6rem !important}
#future_tmp .mini{font-size: 1rem}
#future_tmp .min{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
#future_tmp a:hover{opacity: 0.8}
#future_tmp .center{text-align: center;}
#future_tmp .pc_only{display: block}
#future_tmp .sp_only{display: none}
#future_tmp .pc_only_in{display: inline-block}
#future_tmp .sp_only_in{display: none}
@media (max-width: 767px) { 
#future_tmp .pc_only{display: none}
#future_tmp .sp_only{display: block}
#future_tmp .pc_only_in{display: none}
#future_tmp .sp_only_in{display:inline-block}
#future_tmp .mb3{margin-bottom: 2rem !important}
#future_tmp .mb4{margin-bottom: 2rem !important}
}

/*btn*/
#future_tmp .btn a{padding: 0.8rem 5rem 0.8rem 3rem;display: inline-block;font-size: 15px}
#future_tmp .btn {text-align: center;}
#future_tmp .btn a.down{background: url(https://kikumasamune.itembox.design/item/camp/gin_pack/icon_down.png) no-repeat 96% center #72263B;width: 40%;font-weight: bold;font-size: 1.9rem}
#future_tmp .btn.insta span{display: inline-block;vertical-align: middle; margin-right: 2rem}
#future_tmp .btn.insta span img{vertical-align: middle;}
#future_tmp .btn.insta a.blank{background: url(https://kikumasamune.itembox.design/item/camp/gin_pack/icon_blank.png) no-repeat 92% center #72263B;width: 40%}
#future_tmp .btn a.next{background: url(https://kikumasamune.itembox.design/item/camp/gin_pack/icon_next.png) no-repeat 96% center #72263B;width: 40%}
@media (max-width: 767px) { 
#future_tmp .btn a{padding: 1.3rem 2rem;display: inline-block}
#future_tmp .btn.insta a{padding-right: 6rem}
#future_tmp .btn a.down{font-size: 1.6rem}
}


#future_tmp .under_width{width: 1000px; margin: 0 auto;}
#future_tmp .under_width .pick h2{font-size: 4rem;line-height: 1.7;font-weight: bold}
#future_tmp .under_width .pick h2 span{font-size: 3rem;}
#future_tmp .under_width .pick .flex_item{display: flex;column-gap: 4rem;margin-bottom: 2rem}
#future_tmp .under_width .pick .flex_item .img{width: 37%}
#future_tmp .under_width .pick .flex_item .text{width: 63%}
#future_tmp .under_width .pick .flex_item .text h3{margin-top: 0;background: #CBB076;padding: 1rem;font-weight: bold;color: #fff;margin-bottom: 2rem}
@media (max-width: 767px) { 
#future_tmp .under_width .pick h2{font-size: 2.4rem;line-height: 4rem;margin-bottom: 3rem !important}
#future_tmp .under_width .pick h2 span{font-size: 2.4rem;}
#future_tmp .under_width .pick .flex_item{display: block;width: 90%; margin: 0 auto 4rem}
#future_tmp .under_width .pick .flex_item .img{width: 100%;margin-bottom: 1rem}
#future_tmp .under_width .pick .flex_item .text{width: 100%}
#future_tmp .under_width .pick .flex_item .text h3{margin-bottom: 1rem}
}

#future_tmp .under_width .spec{background:#F5F5F5; padding:3rem 4rem}
#future_tmp .under_width .spec .ttl{text-align: center; font-size: 1.8rem; margin-bottom: 2rem;font-weight: bold;}
#future_tmp .under_width .spec table{text-align: left;font-size: 15px}
#future_tmp .under_width .spec table th{font-weight: bold;width: 30%;}
#future_tmp .under_width .spec table th,#future_tmp .under_width .spec table td{padding-bottom: 5px;}
@media (max-width: 767px) { 
#future_tmp .under_width .spec{width: 90%; margin-left: auto;margin-right: auto;padding: 2rem}
#future_tmp .under_width .spec table{font-size: 14px}
#future_tmp .under_width .spec table th{font-weight: bold;width: 40%;vertical-align: top}
#future_tmp .under_width .spec table td{vertical-align: top}
}

#future_tmp .under_width .howto{background: url(https://kikumasamune.itembox.design/item/camp/ruby/bk_how_pc.jpg) repeat-y ;padding:40px 50px; margin-bottom: 6rem !important;background-size: cover}
#future_tmp .under_width .howto .ttl{font-size: 3rem;font-weight: bold;margin-bottom: 2rem}
#future_tmp .under_width .howto .how_flex{display: flex;justify-content: space-between;}
#future_tmp .under_width .howto .how_flex .ab{width: 48%}
#future_tmp .under_width .howto .how_flex .img{width: 48%}
#future_tmp .under_width .howto .how_flex p.ttl{background:#fff; color: #333; padding:0.5rem 1.5rem;margin-bottom: 1rem;font-size: 2rem;display: inline-block;}
#future_tmp .under_width .howto .how_flex p.text{margin-left: 0;font-size: 14px}

@media (max-width: 767px) { 
#future_tmp .under_width .howto{background: url(https://kikumasamune.itembox.design/item/camp/ruby/bk_how_sp.jpg) repeat-y ;margin-bottom: 6rem !important;background-size: cover}

#future_tmp .under_width .howto .ttl{font-size: 2.0rem;margin-bottom: 3rem;font-weight: bold}
#future_tmp .under_width .howto{height: auto;padding:4rem 3rem}
#future_tmp .under_width .howto .how_flex{display: block;}
#future_tmp .under_width .howto .how_flex .ab{width: 100%;margin-bottom: 4rem}
#future_tmp .under_width .howto .how_flex .img{width: 100%}
#future_tmp .under_width .howto .how_flex p.ttl{background:#fff; color: #333; padding:0.5rem 1.5rem;margin-bottom: 1rem;font-size: 2rem;display: inline-block;}
#future_tmp .under_width .howto .how_flex p.text{margin-left: 0;font-size: 14px}
}



#future_tmp .set_item .set_area{box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35); margin: 6rem 0}
#future_tmp .set_item .set_area h2{background:  url(https://kikumasamune.itembox.design/item/camp/gin_top/bk_ttl_pc.jpg) ;padding: 3rem 0;font-size: 3rem;line-height: 4rem;font-weight: bold;}
#future_tmp .set_item .set_area h2 span{font-size: 2rem}
#future_tmp .set_item .set_area .white2{padding: 4rem 8rem}
#future_tmp .set_item .set_area .flex{display: flex;}
#future_tmp .set_item .set_area .flex .img{width: 33%;margin-right: 7%}
#future_tmp .set_item .set_area .flex .img img{width: 100%}
#future_tmp .set_item .set_area .flex .img .btn a{width: 85%; margin: 1rem auto 0 }
#future_tmp .set_item .set_area .flex .text{width: 60%;font-size: 1.5rem}
#future_tmp .set_item .set_area .flex .text h3{font-size: 2.8rem;font-weight: bold;border-bottom: 1px solid #333;padding-bottom: 1rem; margin-bottom: 2rem}
@media (max-width: 767px) { 
#future_tmp .set_item .set_area{width: 90%; margin-left: auto; margin-right: auto;}
#future_tmp .set_item .set_area h2{background:  url(https://kikumasamune.itembox.design/item/camp/gin_top/bk_ttl_sp.jpg) ;padding: 3rem 0;font-size: 2rem;
line-height: 2.5rem;font-weight: bold;background-size: cover}
#future_tmp .set_item .set_area h2 span{font-size: 1.5rem;display: block;margin-bottom: 10px}
#future_tmp .set_item .set_area .white2{padding: 2rem;}
#future_tmp .set_item .set_area .flex{display: block;}
#future_tmp .set_item .set_area .flex .img{width: 100%;margin-right: 0}
#future_tmp .set_item .set_area .flex .img img{width: 100%}
#future_tmp .set_item .set_area .flex .img .btn a{width: 80%; margin: 1rem auto 0 }
#future_tmp .set_item .set_area .flex .text{width: 100%;font-size: 1.5rem}
#future_tmp .set_item .set_area .flex .text h3{font-size: 1.7rem;margin-top: 3rem;text-align: center; border-bottom: 1px solid #333;padding-bottom: 1rem; margin-bottom: 2rem}
}

#future_tmp .set_item .set_other{margin-bottom: 6rem}
#future_tmp .set_item .set_other h3{font-weight: bold;}
#future_tmp .set_item .set_other .flex_item4{display: flex;align-items: flex-start;justify-content: space-between;column-gap: 3rem}
#future_tmp .set_item .set_other .flex_item4 .img{margin-bottom: 10px;}
#future_tmp .set_item .set_other .flex_item4 .img img{border: 1px solid #ccc;}
#future_tmp .set_item .set_other .flex_item4 .btn_item a{border: 1px solid #ccc;display: block;text-align: center;padding: 1rem 0; margin-top: 1rem}
#future_tmp .set_item .set_other .flex_item4 .item{width: 25%}
@media (max-width: 767px) { 
#future_tmp .set_item .set_other .flex_item4{width: 90%; margin-left: auto;margin-right: auto; flex-wrap: wrap;column-gap:4%}
#future_tmp .set_item .set_other .flex_item4 .item{width: 48%;margin-bottom: 2rem}
#future_tmp .set_item .set_other .flex_item4 .name{font-size: 1.2rem;line-height: 1.7}
#future_tmp .set_item .set_other .flex_item4 .btn_item a{padding: 0.7rem 0;font-size: 1.5rem}
}

@media (max-width: 767px) { 
#future_tmp,
#future_tmp .under_width{width: 100%;}

#future_tmp .indent,
#future_tmp .btn a.down,
#future_tmp .btn.insta a.blank#future_tmp .btn a.next{width: 90%; margin-left: auto;margin-right: auto}
#future_tmp .btn a.next{width: 100%; margin-left: auto;margin-right: auto}

}




h1.fs-c-heading{display: none}

#future_tmp .series h2.ttl{font-size: 34px; margin-bottom: 40px;font-weight: bold}
#future_tmp .series .series_box{position: relative;margin-bottom: 100px;padding-bottom: 40px}
#future_tmp .series .series_box.g1{background-color: #E2E6ED;}
#future_tmp .series .series_box.g2{background-color: #FAE3EE;}
#future_tmp .series .series_box.g3{background-color: #F9F0C7;}
#future_tmp .series .series_box.g4{background-color: #D7F0EA;}
#future_tmp .series .series_box.g5{background-color: #DAECF8;}
#future_tmp .series .series_box .lav{position: absolute;left: 70px;top: -20px}
#future_tmp .series .series_box .lav img{width: 265px}
#future_tmp .series .series_box .icon{position: absolute;left: 470px;top: -20px}
#future_tmp .series .series_box .icon img{width: 67px}
#future_tmp .series .series_box .flex{display: flex;justify-content: space-between;padding: 70px 70px 40px 70px}
#future_tmp .series .series_box .flex .text{width: 48%}
#future_tmp .series .series_box .flex .img{width: 44%}
#future_tmp .series .series_box .flex .ttl{font-weight: bold;font-size: 32px;border-bottom: 1px solid #707070;line-height: 1.5;padding-bottom: 30px;margin-bottom: 20px;padding-top: 1.5em}
#future_tmp .series .series_box.g1 .flex .ttl,
#future_tmp .series .series_box.g4 .flex .ttl{padding-top: 0}
#future_tmp .series .series_box .flex .read{margin-bottom: 20px}
#future_tmp .series .series_box .flex table{width: 100%;border-bottom: 1px solid #707070;}
#future_tmp .series .series_box .flex table th,
#future_tmp .series .series_box .flex table td{border-top: 1px solid #C3C3C3;padding: 10px 0;text-align: left;font-weight: normal}
#future_tmp .series .series_box .flex table th{width: 33%}
#future_tmp .series .series_box .btn a{background: #808183;width: 500px}
#future_tmp .series .series_box .btn a:hover{color: #fff}

@media (max-width: 767px) { 
#future_tmp .mb100{margin-bottom: 60px}
#future_tmp .series h2.ttl{font-size: 26px;}
#future_tmp .series .series_box{margin-bottom: 50px}
#future_tmp .series .series_box .flex{display: block;padding: 40px 20px 20px 20px}
#future_tmp .series .series_box .lav{position: absolute;left: 20px;top: -15px}
#future_tmp .series .series_box .lav img{width: 130px}
#future_tmp .series .series_box .icon{position: absolute;left: auto;right: 20px; top: -10px}
#future_tmp .series .series_box .icon img{width: 40px}

#future_tmp .series .series_box .flex .text{width: 100%;margin-bottom: 40px}
#future_tmp .series .series_box .flex .img{width: 100%}
#future_tmp .series .series_box .flex .ttl{font-size: 22px;padding-bottom: 40px;padding-top: 0}
#future_tmp .series .series_box.g1 .flex .ttl,
#future_tmp .series .series_box.g4 .flex .ttl{padding-bottom: 20px}
#future_tmp .series .series_box .flex table th{width: 47%}
#future_tmp .series .series_box .btn{padding: 0 20px}
#future_tmp .series .series_box .btn a{width: 100%}
}