@charset "UTF-8";

/* CSS Document */
/*------------------------------
全体
------------------------------*/
html {
    scroll-behavior: smooth;
}
a {
  text-decoration: none;
  color: inherit;
}
p {
    margin: 0;
}
ul {
  list-style: none;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  font-family: "Roboto", sans-serif;	
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  width: 100%;
}

main {
  width: 100%;
  margin: 0 auto;
}

.intro,
#wrap-rank,
.mid-tier-prizes,
.point-based-sets,
.highlighted-prizes,
.special-offers,
.party-tips,
.faq {
  width: 92%;
  margin: 0 auto 50px;
}
.budget-based-sets{
  margin: 0 auto 50px;
}

.budget-based-sets .icon,
.point-based-sets .icon {
  display: none;
}

img{
	width: auto;
    height: auto;
}

/*------------------------------
共通テキスト
------------------------------*/
/* 中央揃えのテキスト */
.point-txt {
  font-weight: bold;
  text-align: center;
  margin: 4% 0;
  font-size: 11px;
}

/* 左揃えのテキスト */
.point-txt-left {
  font-size: 2em;
  font-weight: bold;
  text-align: left;
  line-height: 1.8em;
  margin: 40px 0;
}

.highlight-red {
  color: #B91117;
}

/* 中央揃えのタイトル */
.point-title {
  text-align: center;
  color: #B91117;
  font-weight: bold;
}

.line {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #B91117;
  margin: 10px auto 0;
}

/*------------------------------
リボン
------------------------------*/
.ri-red {
  background: #c72720;
}

.ri-blue {
  background: #0855a5;
}

.ri-top {
  margin: 9% 0 0;
}

.ri-bottom {
  margin-bottom: 40px;
}

.ribbon {
  display: inline-block;
  position: relative;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 4% 0 4%;
  font-size: 4vw;
  font-weight: bold;
  color: #FFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}

.ribbon:before,
.ribbon:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon:before {
  top: 0;
  left: -0.2%;
  border-width: 6vw 0 7vw 4vw;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon:after {
  top: 0;
  right: -0.2%;
  border-width: 6vw 4vw 7vw 0;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

.ribbon-2 {
  display: inline-block;
  position: relative;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 3% 0 3%;
  font-size: 4vw;
  color: #FFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}

.ribbon-2:before,
.ribbon-2:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon-2:before {
  top: 0;
  left: -0.2%;
  border-width: 7.5vw 0 10.5vw 4vw;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon-2:after {
  top: 0;
  right: -0.2%;
  border-width: 7.5vw 4vw 10.5vw 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

.ribbon-3 {
  display: inline-block;
  position: relative;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 2% 0 1%;
  font-size: 4vw;
  color: #FFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}

.ribbon-3:before,
.ribbon-3:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon-3:before {
  top: 0;
  left: -0.2%;
  /*border-width: 10.5vw 0 10.5vw 4vw;*/
  border-width: 6vw 0 7vw 4vw;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon-3:after {
  top: 0;
  right: -0.2%;
  /*border-width: 10.5vw 4vw 10.5vw 0px;*/
  border-width: 6vw 4vw 7vw 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

/*------------------------------
アコーディオン
------------------------------*/
.accordion {
  font-weight: 600;
  position: relative;
  overflow: hidden;
}

.accordion .accordion-content {
  display: block;
  position: relative;
  max-height: 3em;
  background: none;
  padding: 0;
  -webkit-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
  overflow: hidden;
}

.accordion .accordion-content::before {
  content: "";
  display: block;
  height: 3em;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}

.accordion .accordion-content::before.open {
  display: none;
}

.accordion .button-wrap {
  text-align: right;
  margin-top: 0.5em;
}

.accordion .accordion-button {
  display: block;
  margin: 10px 0 0 auto;
  cursor: pointer;
  color: #212121;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 13px;
  font-weight: 600;
}

.accordion .accordion-button img {
  width: 20px;
  height: 20px;
  margin-left: 15px;
  margin-top: -3px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.accordion .accordion-button.open img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*------------------------------
ヘッダ
------------------------------*/
.header__flex {
  /*width: 100vw;*/
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
}

/*------------------------------
パンくず
------------------------------*/
.sitemap .fs-c-breadcrumb {
  /*font-size: 1.2rem;*/
  font-size: 12px;
}

.fs-c-breadcrumb__list {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 5px;
}

.fs-c-breadcrumb__list>li {
  box-sizing: border-box;
}

.fs-c-breadcrumb__listItem {
  display: inline-block;
  word-break: break-all;
}

.fs-c-breadcrumb__listItem+.fs-c-breadcrumb__listItem::before {
  content: " > ";
}

.fs-c-breadcrumb__listItem a {
  text-decoration: none;
  color: #333333;
}

.fs-c-breadcrumb__listItem a:visited {
  color: #333333;
}

.fs-c-breadcrumb__listItem a:hover {
  border-bottom: #333333 solid 1px;
}

/*------------------------------
タブ関係
------------------------------*/
.tabs-a,
.tabs-b,
.tabs-c {
  background-color: #fff;
  width: 100%;
  margin: 4% auto 0;
  overflow: hidden;
}

.tab_item-a,
.tab_item-b,
.tab_item-c {
  width: 49%;
  margin: 0;
  display: inline-block;
  padding: 4% 0 3%;
  color: #777777;
  background: #dcdddd;
  text-align: center;
  font-size: 4.5vw;
  cursor: pointer;
  font-weight: bold;
  border-bottom: none;
  letter-spacing: 0.1em;
}

input[name=tab_item-a],
input[name=tab_item-b],
input[name=tab_item-c] {
  display: none;
}

.tab_content-a,
.tab_content-b,
.tab_content-c {
  display: none;
  clear: both;
  overflow: hidden;
  width: 100%;
  height: auto;
  border-top: 1vw solid #40210f;
}

#tab-a-1:checked~#tab-a-1_content,
#tab-a-2:checked~#tab-a-2_content,
#tab-b-1:checked~#tab-b-1_content,
#tab-b-2:checked~#tab-b-2_content,
#tab-c-1:checked~#tab-c-1_content,
#tab-c-2:checked~#tab-c-2_content {
  display: block;
  padding: 3% 0;
}

.tabs-a input:checked+.tab_item-a,
.tabs-b input:checked+.tab_item-b,
.tabs-c input:checked+.tab_item-c {
  border: 2px solid #40210f;
  background-color: #40210f;
  color: #fff;
  font-weight: bold;
}

.more-single,
.more-set {
  font-size: 3.5vw;
  text-align: center;
  padding: 2%;
  width: 94%;
  font-weight: bold;
  margin: -5% auto 0;
}

.more-single {
  border-top: 0.5vw solid #0855a5;
  border-right: 0.5vw solid #0855a5;
  border-left: 0.5vw solid #0855a5;
  border-bottom: 2vw solid #0855a5;
  color: #0855a5;

}

.more-set {
  border-top: 0.5vw solid #c72720;
  border-right: 0.5vw solid #c72720;
  border-left: 0.5vw solid #c72720;
  border-bottom: 2vw solid #c72720;
  color: #c72720;
}

.more-single a,
.more-set a {
  display: block;
}

.genre-h3 {
  border-bottom: 0.5vw solid #40210f;
  font-size: 3.5vw;
  color: #40210f;
  padding: 0 0 2%;
  margin-bottom: 2.5%;
  font-weight: bold;
}

.genre-h3 img {
  width: 10%;
  height: auto;
  margin: 0 3% -1% 0;
  vertical-align: bottom;
}

.genre-h3-mrgn {
  margin-top: 5%;
}

.look-set {
  background: #6d6c6c;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 100%;
  padding: 9% 0;
  margin: 5% 0 5%;
}

.look-set a {
  color: #fff;
  font-size: 3.3vw;
  display: block;
}

.look-set a:visited {
  color: #fff;
}

/*------------------------------
ランキング
------------------------------*/
.wrap-cat_sub,
.product-2rows {
  width: 100%;
  height: auto;
  margin: 0;
}

.wrap-cat_sub .cat_sub {
  height: auto;
}

.wrap-cat_sub ul,
.product-2rows ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.wrap-cat_sub ul li,
.product-2rows ul li {
  width: 48%;
  flex-shrink: 0;
  margin-bottom: 6%;
  position: relative;
}

.wrap-cat_sub ul li a,
.product-2rows ul li a {
  text-decoration: none;
}

.wrap-cat_sub ul li img,
.product-2rows ul li img {
  width: 100%;
  height: auto;
}
.product-2rows-rank ul li p, .product-2rows ul li p {
    font-size: 3.2vw;
}

/*.wrap-cat_sub ul li p,
.product-2rows ul li p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 3vw;
}*/

/*.wrap-cat_sub ul li h4 {
  position: absolute;
  top: 2%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
  line-height: 2rem;
  color: #ffffff;
}*/

.wrap-cat_sub ul li:not(:last-child) {
  margin-right: 0;
}

/*ランキングアイコン*/
/*.wrap-cat_sub ul li:nth-child(1):before {
  content: url(../../images/bounenkai/rank_1.jpg);
  background-size: contain;
}

.wrap-cat_sub ul li:nth-child(2):before {
  content: url(../../images/bounenkai/rank_2.jpg);
  background-size: contain;
}

.wrap-cat_sub ul li:nth-child(3):before {
  content: url(../../images/bounenkai/rank_3.jpg);
  background-size: contain;
}

.wrap-cat_sub ul li:nth-child(4):before {
  content: "4位";
  background-size: contain;
}

.wrap-cat_sub ul li:nth-child(5):before {
  content: "5位";
  background-size: contain;
}

.wrap-cat_sub ul li:nth-child(6):before {
  content: "6位";
  background-size: contain;
}

.wrap-cat_sub ul li:nth-child(7):before {
  content: "7位";
  background-size: contain;
}

.wrap-cat_sub ul li:nth-child(8):before {
  content: "8位";
  background-size: contain;
}

.wrap-cat_sub ul li:nth-child(9):before {
  content: "9位";
  background-size: contain;
}

.wrap-cat_sub ul li:nth-child(10):before {
  content: "10位";
  background-size: contain;
}*/

.product-2rows-rank .slick-slide:nth-child(1):before {
		content: url(https://myroom.itembox.design/item/sp/toppicture/rank_01.svg);
        background-size: contain;
    }
.product-2rows-rank .slick-slide:nth-child(2):before {
		content: url(https://myroom.itembox.design/item/sp/toppicture/rank_02.svg);
        background-size: contain;
    }
.product-2rows-rank .slick-slide:nth-child(3):before {
		content: url(https://myroom.itembox.design/item/sp/toppicture/rank_03.svg);
        background-size: contain;
    }
.product-2rows-rank .slick-slide:nth-child(4):before {
        content: "4位";
        background-size: contain;
    }
.product-2rows-rank .slick-slide:nth-child(5):before {
        content: "5位";
        background-size: contain;
    }
.product-2rows-rank .slick-slide:nth-child(6):before {
        content: "6位";
        background-size: contain;
    }
.product-2rows-rank .slick-slide:nth-child(7):before {
        content: "7位";
        background-size: contain;
    }
.product-2rows-rank .slick-slide:nth-child(8):before {
        content: "8位";
        background-size: contain;
    }
.product-2rows-rank .slick-slide:nth-child(9):before {
        content: "9位";
        background-size: contain;
    }
.product-2rows-rank .slick-slide:nth-child(10):before {
        content: "10位";
        background-size: contain;
    }

.product-2rows-rank .slick-slide:before {
    width: 11.1627906977vw;
    height: 8.069767vw;
    /* line-height: 48px; */
    display: block;
    margin: auto;
    font-size: 4.1860465116vw;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2.3255813953vw;
}
.wrap-cat_sub ul li .price {
  font-size: 1.5rem;
  color: #c01f2d;
  font-weight: bold;
}
.highlighted-prizes .wrap-cat_sub ul li:before,
.mid-tier-prizes .wrap-cat_sub ul li:before,
.budget-based-sets .wrap-cat_sub ul li:before,
.point-based-sets .wrap-cat_sub ul li:before {
  display: none;
}

/*
================================
コピーライト
================================
*/
#Copywrite {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  background-color: #E50112;
  padding: 10px 0;
  color: #fff;
  margin-top: -8px;
}

/*------------------------------
トップ画像
------------------------------*/
.top {
  background-color: #de1220;
}

#top-img {
  width: 100%;
  height: auto;
  margin: 0;
}

/*------------------------------
ジャンプメニュー
------------------------------*/
#jump-menu {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
}

#jump-menu li {
  width: calc(100% / 3);
  padding: 15px 0 35px;
  background-color: #B91117;
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

#jump-menu li:nth-child(-n+3) {
  border-bottom: 2px #ffffff solid;
}

#jump-menu li:nth-child(-n+2),
#jump-menu li:nth-child(4),
#jump-menu li:nth-child(5) {
  border-right: 2px #ffffff solid;
}

#jump-menu li::after {
  content: "▼";
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 14px;
  color: #FFF;
}

#jump-menu li a {
  color: #fff;
  line-height: 0.5em;
  font-weight: bold;
  font-size: 1.2rem;
}

#jump-menu li a span {
  color: #fff;
  font-size: 3vw;
}

/*------------------------------
絞込検索に移動する画像
------------------------------*/
.filter-search {
  text-align: center;
  margin: 20px auto 0;
}

.filter-search img {
  width: 100%;
  height: auto;
}

/*------------------------------
見積もりのバナー
------------------------------*/
.estimate-banner {
  text-align: center;
  margin: 20px auto 0;
}

/*------------------------------
おすすめセットランキング
------------------------------*/
main .wrap-rank {
    margin: 5% 0 0;
    overflow: hidden;
}
#wrap-rank {
  margin: 20px auto 0;
  overflow: hidden;
}

.wrap-rank .container{
  display: grid;
}

.wrap-rank .ribbon{
  order: 1;
}

.wrap-rank .event, 
.wrap-rank .fabulous{
  order: 2;
}

.wrap-rank .wrap-cat_sub {
  order: 3;
}

.wrap-rank .point-title {
  order: 4;
}

.wrap-rank .line {
  order: 5;
}

.wrap-rank .souba,
.wrap-rank .recommend {
  order: 6;
}

/*------------------------------
初めての幹事を任されてお困りではありませんか？
------------------------------*/
main .first-time-organizer {
    width: 100%;
    height: auto;
    padding-bottom: 1%;
    background-color: #B91117;
}

.first-time-organizer .first-time-organizer-img {
  width: 95%;
  height: auto;
  margin: 20px auto;
}

.first-time-organizer .first-time-organizer-img img {
  width: 100%;
  height: auto;
}

/* 中央揃えのタイトル */
.first-time-organizer .point-title {
  text-align: center;
  color: #FFF;
  font-weight: bold;
  padding-top: 40px;
}

.first-time-organizer .point-txt {
  color: #fff;
}

.first-time-organizer .line {
  background-color: #FFF;
}

/* 要素を中央に配置 */
.first-time-organizer .ribbon-2 {
  width: 90%;
  margin: 0 5%;
  background-color: #860005;
}

.first-time-organizer .ribbon-2:before {
  border-color: transparent transparent transparent #B91117;
}

.first-time-organizer .ribbon-2:after {
  border-color: transparent #B91117 transparent transparent;
}

.first-time-organizer .three-reasons {
  margin: 50px auto 0;
}

.first-time-organizer .three-reasons .three-reasons-title-box {
  background-color: #FFF;
  width: 92%;
  height: auto;
  padding-bottom: 40px;
  margin: 0 auto 40px;
  border-radius: 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.first-time-organizer .three-reasons .three-reasons-title-box .reason-tag {
  background-color: #000;
  width: 150px;
  height: 35px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  line-height: 35px;
  border-radius: 60px;
  position: absolute;
  top: -18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.first-time-organizer .three-reasons .three-reasons-title-box .reasons-container {
  padding: 10% 5% 5%;
}

.first-time-organizer .three-reasons .three-reasons-title-box .reasons-container .reasons-title {
  font-weight: bold;
  color: #B91117;
  text-align: center;
  line-height: 1.5em;
}

.first-time-organizer .three-reasons .three-reasons-title-box .reasons-container .reasons-txt {
  font-size: 11px;
  margin-top: 5%;
  font-weight: bold;
  line-height: 1.8em;
  text-align: left;
}

.first-time-organizer .three-reasons .three-reasons-title-box .reasons-img {
  text-align: center;
}

.first-time-organizer .three-reasons .three-reasons-title-box .reasons-img img {
  width: 90%;
}

/*------------------------------
忘年会・新年会で人気の中位景品・下位景品
------------------------------*/
.mid-tier-prizes h2.kensaku {
  font-size: 16px;
  text-align: center;
  margin: 0 0 10px 0;
}

/*------------------------------
予算と点数に応じて選べる！お得な景品セットはコチラ
------------------------------*/
.gift-set {
  margin-bottom: 50px;
  display: grid;
}

.gift-set .ribbon{
  order: 1;
}

.gift-set .satisfaction{
  order: 2;
}

.gift-set .budget-based-sets{
  order: 3;
}

.gift-set .point-title{
  order: 4;
}

.gift-set .line {
  order: 5;
}

.gift-set .panel {
  order: 6;
}

.gift-set .point-txt {
  text-align: left;
}

/*------------------------------
ジャンル別人気目玉景品
------------------------------*/
.highlighted-prizes{
	margin-top: 5%;
}
.highlighted-prizes h2 {
  margin-bottom: 3%;
}

/*------------------------------
絞り込み検索
------------------------------*/
#wrap-search {
  padding-top: 15%;
}
.syspc_search_box {
  margin-bottom: 50px;
}
.syspc_quk_box {
  width: 100%;
  height: auto;
  font-size: 3vw;
  font-weight: 500;
  background: #c72720;
  padding: 3% 0 4%;
  border-bottom: 1vw solid #c0c0c0;
}

.syspc_quk_box .syspc_quk_form_box,
.syspc_quk_box .syspc_quick_ttl {
  width: 92%;
  margin: 0 auto;
  overflow: hidden;
}

.syspc_quk_box .syspc_quk_form_box .syspc_quk_input_wrap {
  width: 85%;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}

.syspc_quk_box .syspc_quk_form_box .syspc_quk_input_wrap .syspc_quk_input_wrap_yosan {
  width: 45%;
  height: auto;
  margin-right: 4%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 3.5vw;
  font-weight: 400;
  float: left;
  position: relative;
  color: #40210f;
}

.syspc_quk_box .syspc_quk_form_box .syspc_quk_input_wrap .syspc_quk_input_wrap_ten {
  width: 45%;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 3.5vw;
  font-weight: 400;
  float: left;
  position: relative;
  color: #40210f;
}

.syspc_quk_box .syspc_quk_form_box .syspc_quk_input_wrap .syspc_search_select_yosan,
.syspc_quk_box .syspc_quk_form_box .syspc_quk_input_wrap .syspc_search_select_ten {
  display: inline-block;
  width: 100%;
  padding: 3%;
}

.syspc_quk_box .syspc_quick_ttl {
  display: inline-block;
  width: 576px;
  height: 2.4em;
  line-height: 2.5em;
  padding: 0 10px;
  box-sizing: border-box;
  float: left;
  color: #fff;
}

select {
  -webkit-appearance: none;
  outline: none;
  text-indent: 0.01px;
  text-overflow: "";
  background: none transparent;
  vertical-align: middle;
  font-size: 1em;
  font-weight: 200;
  line-height: normal;
  font-family: "Noto Sans JP";
  color: inherit;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  background-color: #FFFFFF;
}

select option {
  -webkit-appearance: none;
  background-color: #fff;
  color: #222;
}

select::-ms-expand {
  -webkit-appearance: none;
  display: none;
}

select:-moz-focusring {
  -webkit-appearance: none;
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}

.syspc_fromtext {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 3.5vw;
  font-weight: 500;
}

.syspc_search_btn {
  width: 13%;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 3vw;
  font-weight: 400;
  float: left;
  text-align: center;
}
.syspc_search_btn input[type=submit] {
  -webkit-appearance: none;
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 1.05em;
  font-weight: 500;
  border: none;
  background: #40210f;
  color: #fff;
  outline: none;
  width: 100%;
  padding: 19% 0;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
.syspc_search_btn .btn1 {
  margin-top: 40%;
}
.syspc_key_box {
  width: 100%;
  height: auto;
  margin: 3% 0 0;
  font-size: 1.3em;
  font-weight: 500;
  background: #c72720;
  padding: 3% 4% 4%;
  border-bottom: 1vw solid #c0c0c0;
}
.syspc_key_ttl {
  display: block;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 3.5vw;
  font-weight: 500;
  float: left;
  color: #fff;
}
.syspc_key_form_box {
  width: 100%;
  overflow: hidden;
}
.syspc_key_input_wrap {
  width: 83%;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-right: 2%;
}

.syspc_key_form_box input[type=text] {
  -webkit-appearance: none;
  width: 92%;
  padding: 1% 2%;
  font-size: 3.5vw;
  font-weight: 200;
  line-height: normal;
  font-family: "Noto Sans JP";
  height: 2em;
  overflow: hidden;
}

.syspc_key_form_box input[type=text]:focus {
  outline: 0;
  height: 2em;
}

.syspc_key_form_box input[type=submit] {
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 1.05em;
  font-weight: 500;
  border: none;
  background: #40210f;
  border-radius: 3px;
  color: #fff;
  outline: none;
  width: 100%;
  padding: 19% 0;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

/*------------------------------
マイルームだけのお得な3つの特典を進呈中！
------------------------------*/
.special-offers {
  width: 92%;
  margin: auto;
}

.special-offers .tokuten-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.special-offers .tokuten-wrap .tokuten-box {
  margin-bottom: 30px;
}

.special-offers .tokuten-wrap .tokuten-box a img {
  width: 100%;
  height: auto;
}

.special-offers .tokuten-wrap {
  margin: 0;
}
.tokuten-box p{
	margin: 3% 0 0;
}

/*------------------------------
マイルーム直伝！
知って得する忘年会・新年会のお役立ち情報！
------------------------------*/
.party-tips .ri-top {
  margin-bottom: 30px;
}

.party-tips .point-txt {
  text-align: left;
  margin-bottom: 30px;
}

/*------------------------------
よくある質問
------------------------------*/
.faq .ribbon {
  margin-bottom: 30px;
}

.faq .question .toggle {
  display: none;
}

.faq .question .Label {
  /* タイトル */
  padding: 1em 3em 1em 3.5em;
  /* 左側のスペース確保 */
  display: block;
  color: #000000;
  font-weight: bold;
  background: #FCE5E5;
  position: relative;
}

.faq .question .Label::before {
  /* タイトル横のプラスマーク */
  content: "+";
  font-size: 2em;
  color: #B91117;
  font-weight: 100;
  /* プラスマークの太さ */
  position: absolute;
  top: 50%;
  right: 4%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.faq .question .Label::after {
  /* 左側のQマーク */
  content: "Q";
  width: 30px;
  height: 30px;
  background: #ffffff;
  color: #B91117;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 2%;
  /* 左側の位置調整 */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: bold;
}

.faq .question .Label,
.faq .question .content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.faq .question .content {
  /* 本文 */
  height: 0;
  margin-bottom: 20px;
  padding: 0 20px;
  overflow: hidden;
  font-weight: bold;
  background-color: #FBFAFA;
}

.faq .question .toggle:checked+.Label+.content {
  /* 開閉時 */
  height: auto;
  padding: 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.faq .question .toggle:checked+.Label::before {
  content: "−";
}

/*------------------------------
下部の画像
------------------------------*/
.quote-banner2 {
  width: 96%;
  margin: auto;
}

.quote-banner2 a {
  display: block;
}

.quote-banner2 a:first-child {
  margin-bottom: 6%;
}

.quote-banner2 img {
  width: 100%;
  height: auto;
}

/*------------------------------
お見積りフォーム
------------------------------*/
.formmailer-embed {
  margin-bottom: 17%;
}
.balloon1 {
        position: relative;
        display: inline-block;
        margin: 0% 0 6% 0;
        padding: 2% 0;
        width: 100%;
        max-width: 100%;
        color: #fff;
        background: #009b69;
        text-align: center;
        font-weight: 600;
    }
    #estimate .d-none-sp {
        display: none;
    }
    .balloon1:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -15px;
        border: 15px solid rgba(0, 0, 0, 0);
        border-top: 15px solid #009b69;
    }
#estimate img{
		max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
	}
/*------------------------------
未使用
------------------------------*/
.cat_high {
  padding: 0 1% 2%;
}

.cat_high .item {
  padding: 3% 0;
  overflow: hidden;
  border-bottom: 2px solid #e0a239;
  list-style: none;
}

.cat_high .item .high_cnt_price {
  font-size: 2em;
}

.cat_high a {
  color: #222222;
  text-decoration: none;
}

.ranking-img img {
  margin-right: 3%;
  width: 30%;
  height: auto;
  float: left;
}

.ranking-box {
  width: 66%;
  float: left;
}

.ranking-box img {
  width: 7.5vw;
  margin-right: 2%;
}

.ranking-title {
  font-size: 3.8vw;
  font-weight: 600;
}

.ranking-score {
  margin-right: 2%;
  padding: 1%;
  font-size: 3vw;
  font-weight: 400;
  color: #FFFFFF;
  background: #c72720;
}

.ranking-detail {
  padding: 1%;
  font-size: 3vw;
  font-weight: 400;
  color: #FFFFFF;
  background: #0855a5;
}

.ranking_txt {
  display: block;
  margin: 5% 0 0;
  font-size: 2em;
  line-height: 1.2em;
}

.ranking_sub {
  width: 100%;
  height: auto;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.ranking_sub ul {
  /*width: 100%;*/
  width: 1080px;
  height: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: max-content;
}

.ranking_sub ul li {
  /*width: 300px;*/
  width: 265px;
  border-left: 1px solid #fff;
}

.ranking_sub ul li:last-child {
  border-right: 1px solid #fff;
}

.ranking_sub ul li img {
  /*min-width: 200px;
  max-width: 200px;*/
  min-width: 247px;
  max-width: 247px;
  height: auto;
}

.ranking_sub ul li .name {
  margin: 1% 0 1%;
  font-size: 3vw;
  line-height: 1.4em;
  letter-spacing: -0.05em;
}

/*.ranking_sub ul li .price {
  font-size: 2em;
}*/
.ranking_sub ul li .icon {
  margin: 2% 0 0;
  height: auto;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ranking_sub ul li .icon .icon1 {
  height: auto;
  padding: 1%;
  background: #c72720;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 2.5vw;
  margin: 0;
}

.ranking_sub ul li .icon .icon2 {
  height: auto;
  padding: 1%;
  background: #0855a5;
  color: #fff;
  display: inline-block;
  margin: 0 0 0 3%;
  text-align: center;
  font-size: 2.5vw;
}

/* ヘッダー部分 */
/*.top */
#main_title h1 {
  font-size: 3.5vw;
  font-weight: bold;
  padding: 2% 3%;
  margin: 0;
  color: #fff;
  background-color: #41200d;
}

/*------------------------------
  下部のイメージ画像
------------------------------*/
.bottom-img .banner-img {
  width: 100%;
  height: auto;
  margin: 4% 0 0;
}

.bottom-img .banner-img-s {
  width: 92%;
  height: auto;
  margin: 4% 4% 0;
}

.bottom-img .banner-img-l {
  width: 100%;
  height: auto;
  margin: 6% 0 0;
}

.bottom-img #contact {
  text-align: center;
  margin: 5% 0 0;
  padding: 3% 4% 1%;
  border-top: 1px solid #000;
  font-size: 3vw;
}

.bottom-img #contact h3 {
  margin: 0 0;
}

.bottom-img .personal-information {
  margin-top: 10px;
  text-align: center;
  font-size: 2em;
}

.bottom-img #about {
  text-align: center;
  font-size: 3.3vw;
  border-top: 1px solid #000;
  padding: 1% 4% 1%;
  letter-spacing: -0.1em;
}

.bottom-img #Copywrite {
  width: 100%;
  text-align: center;
  font-size: 2.5vw;
  background-color: #222;
  padding: 2% 0 1%;
  color: #fff;
  margin: 2% 0 0;
}

.rnk_sub1 ul {
  width: 1850px;
}

.rnk_sub2 ul {
  width: 1350px;
}

.rnk_sub3 ul {
  width: 1300px;
}

.rnk_sub4 ul {
  width: 1320px;
}

.rnk_sub5 ul {
  width: 1320px;
}

.rnk_sub6 ul {
  width: 1320px;
}

.rnk_sub7 ul {
  width: 1600px;
}

.rnk_sub8 ul {
  width: 1330px;
}

.rnk_sub9 ul {
  width: 1330px;
}

.rnk_sub10 ul {
  width: 1330px;
}