#kansyasai2025 { background: url("https://image.raku-uru.jp/01/18237/1772/kansya2024_bg_1722851371153.jpg");} #kansyasai2025 .mainimg { position: relative; margin: 0; padding: 0; z-index: 9999; text-align: center;} #kansyasai2025 .mainimg img { width: 100%; height: auto;} #kansyasai2025 .main_pc { padding: 20px 0 20px; background:#dd0716;} #kansyasai2025 .main_pc img { max-width:1090px;} #kansyasai2025 .gude .inner { display: flex; flex-direction: column; gap:40px; padding: 100px 0; text-align: center;} #kansyasai2025 .gude .main_tit img { width:100%; max-width: 732px;} #kansyasai2025 .gude .main_come { font-size: 125%; line-height: 150%;} #kansyasai2025 span.bikkuri { font-weight:300; font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; } #kansyasai2025 .attention2 { margin: auto; padding: 30px; width: 90%; max-width: 1080px; background:#fff;} #kansyasai2025 .attention2 b { display: block; padding-bottom: 15px; margin-bottom: 15px; text-align: center; color: #c51a1e; font-size: 125%; border-bottom: 2px solid #c51a1e;} #kansyasai2025 .attention2 ul { margin:0 20px;} #kansyasai2025 .attention2 ul li { text-align: left;} #kansyasai2025 .btn_box2 { display: flex; gap:40px; margin: auto; width: 90%; max-width: 1040px;} #kansyasai2025 .btn_box2 img { width: 100%; height: auto;} #kansyasai2025 .attention dl { margin:0 auto; width: 96%; max-width: 1040px;} #kansyasai2025 .attention dt { padding:5px 15px; font-size: 120%; font-weight: bold; background:rgba(0,0,0,0.05); } #kansyasai2025 .attention dd { padding: 10px 15px 50px; font-size: 115%; line-height:200%;} #kansyasai2025 .attention ul li {font-size: 115%; line-height:200%;} #kansyasai2025 .attention dl.buy_att { margin:0 auto 50px; background: #fff;} #kansyasai2025 .attention dl.buy_att dt {font-size: 150%; text-align: center; color: #fff; background:#c51a1e; } #kansyasai2025 .attention dl.buy_att dd { padding:20px 15px; font-size: 125%; text-align: center; line-height:200%; border: 3px solid #c51a1e;} #kansyasai2025 .goods_list { margin: auto; padding: 100px 0; background: #fff;} #kansyasai2025 .goods_list h3 { margin: 40px 0; padding:2% 0; color: #00204f; text-align: center; font-size:162.5%;} #kansyasai2025 .goods_list ul.kakaku_search { margin:0 auto 5%; width: 96%; max-width: 1040px;} #kansyasai2025 .goods_list ul.kakaku_search::after { display: block; clear: both; content:"";} #kansyasai2025 .goods_list ul.kakaku_search li { position: relative; float: left; width:32%; list-style: none; background: url("https://image.raku-uru.jp/01/18237/723/bg_1655471644813.jpg"); box-shadow: 3px 3px 0 0 rgb(0, 0, 0, 0.10);} #kansyasai2025 .goods_list ul.kakaku_search li+li { margin-left: 2%;} #kansyasai2025 .goods_list ul.kakaku_search li a { position: relative; display: block; padding:5px 20px; font-size: 120%; text-decoration: none; background: url("https://image.raku-uru.jp/01/18237/711/arrow_b_1655471590327.png") no-repeat 90% center;} #kansyasai2025 .goods_list ul.kakaku_search li a::after { display: block; clear: both; content:""; position: absolute; bottom:0; left: 0; width:0; height: 2px; background: #C51A1E; transition: 0.5s;} #kansyasai2025 .goods_list ul.kakaku_search li a:hover { text-decoration: none; color: #C51A1E;} #kansyasai2025 .goods_list ul.kakaku_search li a:hover::after { width: 100%;} #kansyasai2025 .btn_box { padding-top: 20px;} #kansyasai2025 .btn_box::after { display: block; clear: both; content:"";} #kansyasai2025 .btn_box p { float: left; width: 49%;box-shadow: 3px 3px 0 0 rgb(0, 0, 0, 0.10);} #kansyasai2025 .btn_box p+p { margin-left: 2%;} #kansyasai2025 .btn_box p a { position: relative; display: block; padding:10px 20px; color: #fff; text-align: center; font-size: 125%; text-decoration: none; background: url("https://image.raku-uru.jp/01/18237/712/arrow_w_1655471590615.png")no-repeat 90% center; } #kansyasai2025 .btn_box p a:hover { opacity: 0.7;} #kansyasai2025 .btn_box p:nth-child(1) a { background-color:#00204f;} #kansyasai2025 .btn_box p:nth-child(2) a { background-color:#dcae00;} #kansyasai2025 .goods_list h4 { position: relative; margin:40px auto; padding:5px 15px ; font-size: 162.5%; font-weight: normal; letter-spacing: 2px; color:#fff; width:96%; max-width: 1040px; background: #27428e;} #kansyasai2025 .goods_list h5 { position: relative; margin:20px auto 0; padding:0 10px; font-size: 162.5%; font-weight: normal; letter-spacing: 2px;} #kansyasai2025 .goods_list .come { margin:0 auto; padding: 0 10px;} #kansyasai2025 .goods_list .set_box::after { display: block; clear: both; content:"";} #kansyasai2025 .goods_list .box { position: relative; float: left; width:25%; padding:20px 10px 40px;} #kansyasai2025 .goods_list .box:nth-child(4n+1) { clear: both; margin-left: 0;} #kansyasai2025 .goods_list .box img { width: 100%; height: auto;} #kansyasai2025 .goods_list .box a span.gcome { display: block; line-height: 150%; margin-top: 10px;} #kansyasai2025 .goods_list .box b { display: block; margin: 10px 0; font-size:120%; font-weight: 400 !important; line-height: 130%;} #kansyasai2025 .goods_list .box small { display: block; font-size: 95%; color: #C51A1E; font-weight: 700; line-height:100%;} #kansyasai2025 .goods_list .box .large{ font-size: 130%;} #kansyasai2025 .goods_list .box a { position: relative; display: block; text-decoration: none; } #kansyasai2025 .goods_list .box a::after { display: block; clear: both; content:""; position: absolute; bottom:-20px; left: 0; width:0; height: 2px; background: #C51A1E; transition: 0.5s;} #kansyasai2025 .goods_list .box a:hover { text-decoration: none; color: #222;} #kansyasai2025 .goods_list .box a:hover::after { width: 100%;} #kansyasai2025 .goods_list .box a img:hover { opacity:1 !important;} #kansyasai2025 .goods_list .box a:hover img { opacity:0.6 !important;} #kansyasai2025 .goods_list .column_box {margin: auto; width:96%; max-width:1040px;} #kansyasai2025 .goods_list .column_box::after { display: block; clear: both; content:"";} #kansyasai2025 .goods_list .col1 { width: 25%;; float: left;} #kansyasai2025 .goods_list .col2 { width: 50%; float: left;} #kansyasai2025 .goods_list .col3 { width: 75%;; float: left;} #kansyasai2025 .goods_list .col1 .box { width: 100%;} #kansyasai2025 .goods_list .col2 .box { width: 50%;} #kansyasai2025 .goods_list .col3 .box { width: 33.3%;} #kansyasai2025.pointup .main_pc .main1 img { max-width: 693px;} #kansyasai2025.pointup .gude { padding:50px 0 50px; text-align: center;} #kansyasai2025.pointup .gude .buy_btn { padding:30px 0 0;} @media only screen and (max-width: 800px) { #kansyasai2025 .pc { display:none !important;} #kansyasai2025 .sp { display:block !important;} #kansyasai2025 .side_btn img { width: 60px; height: auto;} #kansyasai2025 .gude .inner { padding: 60px 0;} #kansyasai2025 .gude .main_come .red_obi { padding: 15px 2%;} #kansyasai2025 .btn_box2 { flex-direction: column; gap:20px;} #kansyasai2025 .attention dl { width: 90%; } #kansyasai2025 .attention dd { padding-bottom:10%;} #kansyasai2025 .attention dl.buy_att dd {text-align:left;} #kansyasai2025 .btn_box p { float:none; width:100%;;} #kansyasai2025 .btn_box p+p { margin:2% 0 0 ;} #kansyasai2025 .goods_list h3 { margin: 2% auto; width: 96%; font-size: 120%;} #kansyasai2025 .goods_list ul.kakaku_search li { margin-bottom: 2%; width:48%;} #kansyasai2025 .goods_list ul.kakaku_search li+li { margin-left: 2%;} #kansyasai2025 .goods_list ul.kakaku_search li:nth-child(2n+1) { margin-left: 0;} #kansyasai2025 .goods_list h4 { margin:0 auto; padding:5px 15px ; font-size: 120%; text-align: center; } #kansyasai2025 .goods_list h5 { margin:0 auto; padding:20px 10px 0; font-size: 120%; text-align: center; border-top:1px solid #ccc;} #kansyasai2025 .goods_list .come { text-align: center; line-height: 150%;} #kansyasai2025 .goods_list .set_box{ padding:0 0 40px;} #kansyasai2025 .goods_list .box { float: left; padding:20px 10px 20px; width:50% !important;} #kansyasai2025 .goods_list .box:nth-child(2n+1) { clear: both; margin-left: 0;} #kansyasai2025 .goods_list .box a span.gcome { display: block; margin-top: 10px; line-height: 150%;} #kansyasai2025 .goods_list .box b { display: block; margin-bottom: 10px; font-weight: 400; font-size:110%; } #kansyasai2025 .goods_list .box small { font-weight: 300; font-size: 90%; color: #C51A1E; font-weight: 700;} #kansyasai2025 .goods_list .col1, #kansyasai2025 .goods_list .col2, #kansyasai2025 .goods_list .col3 { width:100%;; float:none;} #kansyasai2025 .goods_list .col1 .box, #kansyasai2025 .goods_list .col2 .box, #kansyasai2025 .goods_list .col3 .box { width: 100%;} }