@charset "UTF-8";
img{ width: 100%; height: auto;}

/* 買取ページ */
.top_read .top_read_ttl{ text-align: center; font-size: 24px; font-weight: bold; color: #333; line-height: 1.4; margin: 0 0 20px;}
.top_read .br{ display: none;}
@media screen and (max-width: 1199px) {
  .top_read .br{ display: block;}
}
@media screen and (max-width: 991px) {
  .top_read .top_read_ttl{ font-size: 22px;}
}
@media screen and (max-width: 767px) {
  .top_read .top_read_ttl{ font-size: 19px;}
}

.h3_dec{
  color: #333;
  padding: 0 10px 5px;
  line-height: 1.2;
  border-bottom: 1px solid #aaa;
  font-weight: bold;
  margin: 50px 0 20px;
}
@media screen and (max-width: 767px) {
  .h3_dec{
    margin: 30px 0 20px;
  }
}

/* 買取相場 */
.kaitori .market_price{ display: flex; justify-content: space-between; align-items: center; margin: 0 0 30px;}
.kaitori h2.irregular_headline{ line-height: 1.6em; font-size: 1.9rem; color: #FFF; font-weight: bold; margin: 70px 0 30px 0; padding: 12px 10px 8px; background-color: #AC0000; text-align: center;}
@media screen and (max-width: 767px) {
  .kaitori h2.irregular_headline{ line-height: 1.4em; font-size: 1.6rem; padding: 12px 5px 8px;}
}
.kaitori .market_bnr{ width: 100%; height: auto;}
.kaitori .market_price img{ max-width: 280px; width: 100%; height: auto;}
.kaitori .market_price table{ font-size: 16px; line-height: 25px; width: 63%; letter-spacing: 0;}
.kaitori .market_price table tr{ border-bottom: 1px solid #aaa;}
.kaitori .market_price table th{ text-align: center;}
.kaitori .market_price table th,
.kaitori .market_price table td{ vertical-align: middle; padding: 10px 10px 10px 20px;}
.kaitori .market_price table td{ height: 60px;}
.kaitori .market_price table .price{ font-weight: bold; font-size: 30px; color: #C8262A; text-align: right; vertical-align: bottom; padding: 10px 20px 15px 0;}
@media screen and (max-width: 1199px) {
  .kaitori .market_price img{ max-width: 190px;}
  .kaitori .market_price table{ font-size: 14px; line-height: 22px; width: 70%;}
  .kaitori .market_price table .price{ font-size: 27px;}
}
@media screen and (max-width: 991px) {
  .kaitori .market_price img{ max-width: 120px;}
  .kaitori .market_price table{ width: 75%;}
  .kaitori .market_price table th,
  .kaitori .market_price table td{ padding: 10px;}
  .kaitori .market_price table .price{ font-size: 22px; padding: 10px 10px 15px 0;}
}
@media screen and (max-width: 767px) {
  .kaitori .market_price img{ max-width: 220px; width: 30%;}
  .kaitori .market_price table{ width: 68%;}
}
@media screen and (max-width: 600px) {
  .kaitori .market_price{ flex-direction: column;}
  .kaitori .market_price img{ width: 100%; margin-bottom: 20px;}
  .kaitori .market_price table{ width: 100%;}
}
@media screen and (max-width: 420px) {
  .kaitori .market_price table tr{ display: flex; flex-direction: column;}
  .kaitori .market_price table tr:first-child{ flex-direction: row; justify-content: space-evenly;}
  .kaitori .market_price table th{ padding-bottom: 5px;}
  .kaitori .market_price table td{ height: auto; padding: 10px 10px 0;}
  .kaitori .market_price table .price{ padding: 5px 10px 10px; vertical-align: middle;}
}

/* 買取実績バナー */
.kaitori_bnr { display: flex; flex-wrap: wrap; justify-content: space-between;}
.kaitori_bnr a { width: 48%; margin: 0 0 1.5%; transition: .3s;}
.kaitori_bnr a:hover {opacity: .6;}
.kaitori_bnr img { width: 100%; height: auto;}


.kaitori_contents{margin-bottom: 70px;}
.kaitori .purchase-method{ margin: 20px 0 70px;}
.kaitori p.p0{padding: 0;}
@media screen and (max-width: 767px) {
  .kaitori_contents{margin-bottom: 30px;}
  .kaitori .purchase-method{ margin: 10px 0 50px;}
}

/* メリット */
.kaitori .merit{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.kaitori .merit_contents{ width: 48%; border: 1px solid #E3AD00; background-color: #FFFAEA; line-height: 22px; margin: 0 0 20px;}
.kaitori .merit_ttl{ color: #FFF; background-color: #E3AD00; font-size: 18px; padding: 8px 10px 6px 40px; text-align: center; margin: 0; letter-spacing: 0;}
.kaitori .merit_ttl span{ position: relative;}
.kaitori .merit_ttl span::before{ position: absolute; content: ''; width: 24px; height: 24px; left: -30px; top: -2px; bottom: 0; margin: auto;}
.kaitori .merit_ttl span.coin::before{ background: url(../images/icon_coin.svg) no-repeat; background-size: contain;}
.kaitori .merit_ttl span.bag::before{ background: url(../images/icon_bag.svg) no-repeat; background-size: contain;}
.kaitori .merit_ttl span.shop::before{ background: url(../images/icon_shop02.svg) no-repeat; background-size: contain;}
.kaitori .merit_ttl span.delivery::before{ background: url(../images/icon_delivery.svg) no-repeat; background-size: contain;}
.kaitori .merit_txt{ padding: 10px;}
@media screen and (max-width: 600px) {
  .kaitori .merit{ flex-direction: column;}
  .kaitori .merit_contents{ width: 100%;}
}

/* ブランド一覧 */
.kaitori .market_table{ letter-spacing: 0;}
.kaitori .market_table ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.kaitori .market_table li{ background-color: #FFF; border: 1px solid #aaa; padding: 10px; box-sizing: border-box; width: 49%; font-size: 16px; display: flex; align-items: center; margin: 0 0 20px;}
.kaitori .market_table li img{ width: 130px; height: auto; margin: 0 20px 0 0;}
.kaitori .market_table li div{width: 100%;}
.kaitori .market_table p{ padding: 0; line-height: 23px;}
.kaitori .market_table .item_name{ margin: 0 0 20px; font-size: inherit; color: #333;}
.kaitori .market_table .price{ text-align: right; color: #C8262A; font-size: 14px;}
.kaitori .market_table .price span{ font-size: 30px; font-weight: bold; margin: 3px 0 0 auto; display: table;}
@media screen and (max-width: 1199px) {
  .kaitori .market_table li{ font-size: 14px;}
  .kaitori .market_table li img{ width: 80px;}
  .kaitori .market_table .item_name{ margin: 0 0 10px;}
  .kaitori .market_table .price span{ font-size: 25px;}
}
@media screen and (max-width: 991px) {
  .kaitori .market_table ul{ flex-direction: column;}
  .kaitori .market_table li{ width: 100%; max-width: 580px; margin: 0 auto 20px;}
  .kaitori .market_table li div{ display: flex; align-items: center; width: 80%; justify-content: space-between;}
  .kaitori .market_table .item_name{ margin: 0;}
  .kaitori .market_table .price span{ font-size: 22px;}
}
@media screen and (max-width: 540px) {
  .kaitori .market_table li{ max-width: 450px; margin: 0 auto 15px;}
  .kaitori .market_table li div{ flex-direction: column; align-items: flex-start;}
  .kaitori .market_table .item_name{ margin: 0 0 10px;}
  .kaitori .market_table .price{ margin: 0 0 0 auto;}
}
@media screen and (max-width: 350px) {
  .kaitori .market_table li{ font-size: 13px; line-height: 20px;}
  .kaitori .market_table li img{ width: 50px; margin: 0 10px 0 0;}
  .kaitori .market_table .item_name{ margin: 0 0 5px;}
}

.kaitori a.btn-decoration{ max-width: 450px; margin-bottom: 70px;}

/* 店舗一覧 */
dl.shop_container dt { display: block; position: relative; margin: 0; padding: 15px 50px 15px 35px; cursor: pointer; font-size: 1.7rem; border-top: 1px solid #aaa; transition: .3s;}
dl.shop_container { border-bottom: 1px solid #aaa;}
dl.shop_container dt:hover,
dl.shop_container dt:active,
.content-entry.open dl.shop_container dt { background-color: #FFFAEA;}
dl.shop_container dt:hover i::before,
dl.shop_container dt:hover i:active,
.content-entry.open i { color: white;}
dl.shop_container dt::after { content: ""; position: absolute; right: 25px; top: 38%; transition: all 0.2s ease-in-out; display: block; width: 10px; height: 10px; border-top: solid 2px #333; border-right: solid 2px #333; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
dl.shop_container dt.open::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 45%;}
dl.shop_container dd { display: none; margin: 10px 5px 20px;}
dl.shop_container .shop_list { display: flex; justify-content: space-between; flex-wrap: wrap;}
dl.shop_container .shop_list p { width: 49%;}
dl.shop_container .shop_list p a { background: #f7f1e8; padding: 18px 50px 15px 20px; font-size: 16px; display: flex; align-items: center; color: #333; font-weight: bold; position: relative;}
dl.shop_container .shop_list p a:hover { text-decoration: underline;}
dl.shop_container .shop_list p a::after{ position: absolute; content: '＞'; font-size: 14px; height: fit-content; right: 15px; top: 0; bottom: 0; margin: auto;}
@media screen and (max-width: 767px) {
dl.shop_container .shop_list p { width: 100%; padding: 0 0 10px;}
dl.shop_container .shop_list p a { font-size: 14px;}
}

.kaitori .translation_ttl{ display: table; margin: 0 auto 20px; text-align: center; background-color: #FFFAEA; border-bottom: 2px solid #DA9A11; border-top: 2px solid #DA9A11; color: #DA9A11; font-weight: bold; font-family: "Fira Sans", sans-serif; padding: 10px 40px; font-size: 18px; line-height: 1.1;}
.kaitori .translation_item{ text-align: center; margin: 0 0 20px;}
.kaitori .translation_item img{ width: calc((100% - 11%) / 3); margin: 0 3% 0 0;}
.kaitori .translation_item img:last-of-type{ margin: 0;}
.kaitori .lineup{ display: flex; justify-content: space-evenly; flex-wrap: wrap;}
.kaitori .lineup_item{ width: calc(100% / 3);}
.kaitori .lineup .translation_ttl{ margin: 0 auto 10px; width: 95%; padding: 0; font-size: 16px; letter-spacing: 0; white-space: nowrap; height: 50px; display: flex; justify-content: center; align-items: center;}
.kaitori .lineup .translation_item img{ width: 95%;}
.kaitori .lineup .br{ display: none;}
@media screen and (max-width: 767px) {
  .kaitori .translation_ttl{ padding: 7px 30px; font-size: 16px;}
  .kaitori .lineup .translation_ttl{ font-size: 15px;}
}
@media screen and (max-width: 580px) {
  .kaitori .translation_ttl{ padding: 7px 30px; font-size: 13px;}
  .kaitori .lineup .translation_ttl{ font-size: 14px;}
}
@media screen and (max-width: 400px) {
  .kaitori .lineup .translation_ttl{ font-size: 13px;}
  .kaitori .lineup .br{ display: block;}
}

.kaitori .model_contents ul{ display: flex; flex-wrap: wrap;}
.kaitori .model_contents li{ display: flex; align-items: center; padding: 0; width: 31%; margin: 0 1% 15px 1.3%!important; background-color: #FFF; border: 1px solid #aaa;}
.kaitori .model_contents li a{ display: contents;}
.kaitori .model_contents li img{ width: 40%; height: auto;}
.kaitori .model_name{ display: flex; flex-direction: column; letter-spacing: 0; font-size: 16px; padding: 0; line-height: 1.3; text-align: center; width: 60%; color: #333; font-weight: bold; margin: 0; height: 100%; display: flex; justify-content: center; align-items: center; padding: 5px 0;}
.kaitori .model_name span{ line-height: 1; padding: 5px 0px 0px; width: 65%; font-size: 18px;}
.kaitori .model_contents li a .model_name{ position: relative;}
.kaitori .model_contents li a .model_name::before{ position: absolute; content: ''; border-right: 18px solid #333; border-top: 18px solid transparent; right: 0; bottom: 0;}
.kaitori .model_contents li:hover a .model_name{ color: #CE9D00;}
.kaitori .model_contents li:hover a .model_name span{ border-color: #CE9D00;}
.kaitori .model_contents li:hover a .model_name::before{ border-right: 18px solid #CE9D00;}
@media screen and (max-width: 1199px) {
  .kaitori .model_name{ font-size: 14px;}
  .kaitori .model_name span{ font-size: 14px;}
}
@media screen and (max-width: 991px) {
  .kaitori .model_contents ul { justify-content: space-between;}
  .kaitori .model_contents li{ width: 48%; margin: 0 0 15px!important;}
}
@media screen and (max-width: 470px) {
  .kaitori .model_name{ font-size: 14px; width: 65%; letter-spacing: -1px;}
  .kaitori .model_contents li img{ width: 35%;}
  .kaitori .model_contents li a .model_name::before{ border-right: 4vw solid #333; border-top: 4vw solid transparent;}
}
@media screen and (max-width: 400px) {
  .kaitori .model_name{ font-size: 12px;}
  .kaitori .model_name span{ font-size: 14px;}
}

.kaitori .point_contents{ margin: 20px auto; position: relative; padding: 20px 0 0; width: 90%;}
.kaitori .point_contents .point_ttl{ background-color: #E3AD00; color: #FFF; font-size: 18px; width: 100%; max-width: 300px; margin: 0 auto; left: 0; right: 0; top: 0; text-align: center; line-height: 1; padding: 10px 30px 8px; border-radius: 50px; position: absolute;}
.kaitori .point_contents .point_text{ border: 2px solid #E3AD00; background-color: #FFFAEA; padding: 30px 20px 20px;}
.kaitori .point_contents .point_subttl{font-weight: bold; font-size: 20px; color: #333; text-align: center; border-bottom: 1px solid #E3AD00; padding: 0 0 5px;}
@media screen and (max-width: 767px) {
  .kaitori .point_contents{ width: 100%;}
}


/* お客様の声 */
.shop-customer-voice { position: relative; background: #F2FBFF; box-shadow: 0px 0px 0px 5px #F2FBFF; border: dashed 2px #D8EBFF; padding: 10px ; color: #454545; margin: 0 auto 30px; width: calc(100% - 10px);}
.shop-customer-voice::after { position: absolute; content: ''; left: -7px; top: -7px; border-width: 0 0 25px 25px; border-style: solid; border-color: #FFF #FFF #B6D1FF; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);}
.customer-voice { padding: 20px 10px;}
.customer-voice-ttl { font-weight: bold; font-size: 18px; display: table; padding: 5px 10px 5px 50px; position: relative; border-bottom: 2px solid #87BBFF; border-top: 2px solid #87BBFF; margin: 0 auto 15px; background-color: #FFF; letter-spacing: inherit; color: #333;}
.customer-voice-ttl::before { font-family: "Font Awesome 5 Free"; content: "\f075"; font-weight: 900; position: absolute; font-size: 26px; left: 10px; top: 5px; color: #B6D1FF;}
.customer-voice-txt { padding: 0; width: 100%; background-image: linear-gradient( 90deg, transparent 0%, transparent 50%, #F2FBFF 50%, #F2FBFF 100%), linear-gradient(180deg, #D8EBFF 2px, transparent 1px); background-size: 10px 100%,100% 32px; line-height: 32px; padding-bottom: 2px;}
.kaitori .customer-voice{letter-spacing: 0;}
@media screen and (max-width: 767px) {
  .customer-voice { padding: 20px 5px;}
}

/* ブログ */
.kaitori_blog .blog_list { border-bottom: 1px solid #333; padding: 0 0 20px; margin: 0 0 30px;}
.kaitori_blog .blog_list:hover{ opacity: 0.7;}
.kaitori_blog .blog-thumbnail{ width: 25%; display: table-cell; padding: 0 20px 0 0;}
.kaitori_blog .blog-thumbnail img{ width: 100%; height: auto;}
.kaitori_blog .blog-content{ display: table-cell; vertical-align: middle;}
.kaitori_blog .blog-ttl{ color: #333; font-weight: bold; font-size: 2rem; line-height: 1.4; border-bottom: 1px solid #333; padding: 0 0 10px; text-align: left;}
.kaitori_blog .blog-excerpt{ color: #333; font-size: 1.5rem; margin: 10px 0 0; line-height: 1.6; text-align: left;}
@media screen and (max-width: 991px) {
  .kaitori_blog .blog-thumbnail{ width: 30%; padding: 0 10px 0 0;}
  .kaitori_blog .blog-ttl{ font-size: 1.8rem;}
  .kaitori_blog .blog-excerpt{ font-size: 1.4rem;}
}
@media screen and (max-width: 550px) {
  .kaitori_blog .blog-ttl{ font-size: 1.4rem; padding: 0 0 5px;}
  .kaitori_blog .blog-excerpt{ margin: 5px 0 0; overflow: hidden; height: 60px; letter-spacing: 0; font-size: 1.3rem;}
}


/*================================
        買取店舗一覧ページ
================================*/
.one_content.purchase-method{ width: fit-content; padding: 30px 80px 40px; margin: 20px auto 70px;}
.one_content .purchase-method_con{ justify-content: space-evenly;}
.one_content a.purchase-method_btn{ width: 100%;}
@media screen and (max-width: 535px) {
  .one_content.purchase-method{ width: 100%; padding: 30px 40px 40px; margin: 20px auto 50px;}
}


/*================================
            金買取ページ
================================*/
/* 買取相場表 */
.gold_list{ width: 100%; margin: 0 auto; font-weight: bold; line-height: 1;}
.gold_list .caption{ color: #DA9A11; font-weight: bold; font-size: 12px;}
.gold_list .caption.right{ text-align: right;}
.gold_list table{ width: 100%; letter-spacing: .5px; margin: 0 0 20px;}
.gold_list table.past10y{ border-top: 1px solid #ddd;}
.gold_list h3.table-ttl{ color: #fff; background: #CE9D00; font-size: 16px; text-align: center; line-height: 1; padding: 12px 10px; margin: 0;}
.gold_list .table-ttl-flex{ display: flex;}
.gold_list .table-ttl-flex .table-ttl{ width: 50%;}
.gold_list .table-ttl-flex .table-ttl:last-of-type{ border-left: 1px solid #f7f1e8;}
.gold_list tr:first-child{ display: none;}
.gold_list th{ border: 1px solid #ddd; border-top: none; width: 25%; padding: 15px 5px; text-align: center; color: #DA9A11; background: #FFFAEA; vertical-align: middle;}
.gold_list td{ border: 1px solid #ddd; border-top: none; width: 25%; padding: 15px 5px; text-align: right; align-content: center;}
.gold_list .spreadsheets-gold-scrap tr:last-of-type td:last-of-type,
.gold_list .spreadsheets-gold-scrap tr:last-of-type th:last-of-type { background: #000; display: none;}
.gold_list td p{ padding: 0;}
.gold_list td p span{ font-size: 16px;}
.gold_list .spreadsheets-market-price td{ width: 50%; display: inline-flex; flex-wrap: wrap; align-items: flex-end; justify-content: center;}
.gold_list .spreadsheets-market-price td:first-of-type{ border-right: none;}
.gold_list .table-subttl { text-align: center; width: 100%; margin: 0 0 5px; font-size: 12px;}
.gold_list .difference{ color: #aaa; margin: 5px 0 0;}
.gold_list .difference span{ font-size: 14px;}
.gold_list .spreadsheets-4market-price tr:nth-child(3) th{ background: #DFF2F8; color: #488DA5;}
.gold_list .spreadsheets-4market-price tr:nth-child(4) th{ background: #eee; color: #777;}
.gold_list .spreadsheets-4market-price tr:nth-child(5) th{ background: #F8EAD4; color: #887A62;}
.gold_list table.past10y tr:nth-child(2) td{ text-align: center; color: #DA9A11; background: #FFFAEA; vertical-align: middle;}
@media screen and (max-width: 767px) {
  .gold_list{ letter-spacing: 0;}
}

/* 計算シュミレーター */
.simulator_ttl{ font-size: 20px; font-weight: bold; text-align: center; border-bottom: 1px solid #aaa; padding: 0 0 10px; margin: 0 0 30px;}
.simulator_wrap{ margin: 70px auto 100px;}
.simulator_wrap .input_data{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px auto;}
.simulator_wrap .input_data select.data_type,
.simulator_wrap .input_data .data_g,
.simulator_wrap input.simulator_btn{ width: 32%;}
.simulator_wrap .input_data .data_g{ position: relative;}
.simulator_wrap .input_data .data_g::after{ position: absolute; content: 'g'; height: fit-content; top: 0; right: 10px; bottom: 0; margin: auto; font-size: 14px; color: #aaa;}
.simulator_wrap .input_data select.data_type{ border: 1.5px solid #ccc; padding: 0px 30px; border-radius: 50px;}
.simulator_wrap .input_data .data_g input{ width: 100%; height: 50px; padding: 0px 30px; border: 1.5px solid #ccc; border-radius: 50px;}
.simulator_wrap input.simulator_btn{ height: 50px; background: #AC0000; border: navajowhite; color: #fff; line-height: 1.2; font-weight: bold; letter-spacing: 1px; border-radius: 50px; display: block; font-size: 13px;}
.simulator_wrap .simulator_total{ background: #f5f5f5; padding: 15px 30px 15px 30px; text-align: center; color: #AC0000; border-radius: 100px; margin: 0 auto;}
.simulator_wrap .simulator_total input{ border: none; background-color: transparent; text-align: right; font-weight: bold; font-size: 30px; padding: 0; margin: 0; width: calc(100% - 30px);}
.simulator_wrap .simulator_total span{ position: relative; padding: 0 30px 0 0;}
.simulator_wrap .simulator_total span::after{ position: absolute; content: '円'; font-size: 22px; bottom: 0; right: 0;}
@media screen and (max-width: 767px) {
  .simulator_ttl { font-size: 18px; padding: 0 0 5px; margin: 0 0 20px;}
  .simulator_wrap .input_data select.data_type { padding: 0px 10px;}
}
@media screen and (max-width: 500px) {
  .simulator_wrap{ margin: 40px auto 50px;}
  .simulator_wrap .input_data select.data_type,
  .simulator_wrap .input_data .data_g{ width: 48%;}
  .simulator_wrap input.simulator_btn{ width: 100%; margin: 20px 0 0;}
}

/* 推移グラフ */
.graph_tab_wrap{ width: fit-content; margin: 20px auto;}
.graph_tab_wrap input[type="radio"]{ display: none;}
.graph_tab_wrap .tab_area{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.graph_tab_wrap .tab_area label{ width: calc(100% / 3 - 5px); padding: 7px 10px 5px; color: #E3AD00; background: #FFFAEA; border: 1px solid; text-align: center; cursor: pointer; font-size: 12px; line-height: 1.2; border-radius: 50px; margin: 0 0 10px; font-weight: bold; transition: .3s all;}
@media screen and (max-width: 400px) {
  .graph_tab_wrap .tab_area label{ width: calc(100% / 2 - 5px);}
}
.graph_tab_wrap .tab_area label.tab4_label,
.graph_tab_wrap .tab_area label.tab5_label,
.graph_tab_wrap .tab_area label.tab6_label{ color: #649AAF; background: #D8E6EB;}
.graph_tab_wrap .tab_area label:hover{ opacity: 0.5;}
.graph_tab_wrap .panel_area{ border: 1px solid #aaa;}
.graph_tab_wrap .tab_panel{ width: 100%; text-align: center; display: none; padding: 10px 0; overflow: scroll; max-width: calc(100vw - 30px);}
.graph_tab_wrap .tab_panel p{ font-size: 14px; letter-spacing: 1px; text-align: center;}

.graph_tab_wrap #tab1:checked ~ .tab_area .tab1_label,
.graph_tab_wrap #tab2:checked ~ .tab_area .tab2_label,
.graph_tab_wrap #tab3:checked ~ .tab_area .tab3_label{background:#E3AD00; color:#fff;}
.graph_tab_wrap #tab4:checked ~ .tab_area .tab4_label,
.graph_tab_wrap #tab5:checked ~ .tab_area .tab5_label,
.graph_tab_wrap #tab6:checked ~ .tab_area .tab6_label{background:#649AAF; color:#fff;}
.graph_tab_wrap #tab1:checked ~ .panel_area #panel1,
.graph_tab_wrap #tab2:checked ~ .panel_area #panel2,
.graph_tab_wrap #tab3:checked ~ .panel_area #panel3,
.graph_tab_wrap #tab4:checked ~ .panel_area #panel4,
.graph_tab_wrap #tab5:checked ~ .panel_area #panel5,
.graph_tab_wrap #tab6:checked ~ .panel_area #panel6{display:block;}

iframe#iframe_graph_pc { width: 505px;}
iframe#iframe_graph_550,
iframe#iframe_graph_450 { display: none;}
@media screen and (max-width: 550px) {
  iframe#iframe_graph_pc { display: none;}
  iframe#iframe_graph_550 { display: block; margin: 0 auto; width: 402px;}
}
@media screen and (max-width: 450px) {
  iframe#iframe_graph_550 { display: none;}
  iframe#iframe_graph_450 { display: block; margin: 0 auto; width: 252px;}
}

.gold_model_contents ul{
  display: flex;
  flex-wrap: wrap;
}
.gold_model_contents ul li{
  display: flex;
}

.kaitori .gold_model_contents ul{ display: flex; flex-wrap: wrap;}
.kaitori .gold_model_contents li{ display: flex; flex-direction: column; align-items: center; padding: 0; width: 31%; margin: 0 1% 15px 1.3%!important;}
.kaitori .gold_model_contents li a{ display: contents;}
.kaitori .gold_model_contents li img{ width: 90%; max-width: 150px;}
.kaitori .gold_model_contents .model_name{ letter-spacing: 0; font-size: 14px; width: 100%; line-height: 1.3; text-align: center; color: #333; font-weight: bold; margin: 0; padding: 10px 0;}
.kaitori .gold_model_contents li a .model_name{ position: relative;}
.kaitori .gold_model_contents li:hover a .model_name{ color: #CE9D00;}
@media screen and (max-width: 991px) {
  .kaitori .gold_model_contents ul { justify-content: space-between;}
  .kaitori .gold_model_contents li{ width: 48%; margin: 0 0 15px!important;}
}
@media screen and (max-width: 470px) {
  .kaitori .gold_model_contents li img{ width: 100%;}
}
@media screen and (max-width: 400px) {
  .kaitori .gold_model_contents .model_name{ font-size: 12px;}
}

.kaitori-listbox{ display: flex; flex-wrap: wrap;}
.kaitori-listbox li{ display: flex; justify-content: center; flex-direction: column; align-items: center; padding: 5px; min-height: 50px; width: 31%; margin: 0 1% 15px 1.3%!important; text-align: center; background-color: #FFFAEA; border-bottom: 2px solid #DA9A11; border-top: 2px solid #DA9A11; color: #DA9A11; font-weight: bold; line-height: 1.1;}
@media screen and (max-width: 991px) {
  .kaitori-listbox { justify-content: space-between;}
  .kaitori-listbox li{ width: 48%; margin: 0 0 15px!important;}
}

.identification_list{ display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); justify-items: center;}
.identification_list img{ display: block; width: 100%; max-width: 160px; height: auto; margin: 0 auto;}
@media screen and (max-width: 400px) {
  .identification_list{ grid-template-columns: 100%}
}