@charset "EUC-JP";
/* CSS Document */

html { scroll-behavior: smooth; }
body { margin: 0; font-weight: 400; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 180%; background: #fff; position: relative; overflow-x: hidden; }
img { max-width: 100%; }

.tmpl { box-sizing: border-box; }
.tmpl * { zoom: 1; margin: 0; padding: 0; text-align: left; line-height: 160%; list-style-type: none; outline: none; border: 0; border-collapse: collapse; border-spacing: 0; box-sizing: border-box; }
.tmpl h1,.tmpl h2,.tmpl h3,.tmpl h4,.tmpl h5 { font-weight: 600; }
.tmpl img { max-width: 100%; height: auto; vertical-align: bottom; border: none; }
.tmpl a { color: #003990; text-decoration: none; }
.tmpl a:hover { color: #83cee2; transition: 0.3s ease-in-out; }
.tmpl a img:hover { opacity: 0.5; transition: 0.3s ease-in-out; }
.tmpl table,.tmpl tr,.tmpl td { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; box-sizing: border-box; }
.tmpl th { margin: 0; padding: 0; font-weight: normal; box-sizing: border-box; }
.tmpl table tr:nth-of-type(2n+1) { background-color: #fff; }
.tmpl table th { border: none; background-color: #fff; }
.tmpl table td { border: none; }

@media screen and (min-width: 861px) {
body { font-size: 16px; }

.big_wid { margin-left: auto; margin-right: auto; width: 90%; max-width: 1600px; }
.com_wid { margin-left: auto; margin-right: auto; width: 90%; max-width: 1190px; }
.sp { display: none; }

.hl { margin-bottom: 30px; font-size: 32px; text-align: center; }
.hl span { display: block; font-size: 12px; font-weight: 600; text-align: center; line-height: 200%; letter-spacing: 6px; }

.com_space { margin-top: 50px; }
.main_fl_wrap { display: flex; gap: 30px; margin: 50px auto 50px auto; width: 90%; max-width: 1190px; }
.main_l_box { width: 280px; }
.main_r_box { flex: 1; }
}
@media screen and (max-width: 860px) {
body { font-size: 14px; }

.big_wid { margin-left: auto; margin-right: auto; width: 90%; }
.com_wid { margin-left: auto; margin-right: auto; width: 90%; }
.pc { display: none; }

.hl { margin-bottom: 20px; font-size: 24px; text-align: center; }
.hl span { display: block; font-size: 10px; font-weight: 600; text-align: center; line-height: 200%; letter-spacing: 6px; }

.com_space { margin-top: 30px; }
.main_fl_wrap { display: flex; flex-direction: column-reverse; margin-left: auto; margin-right: auto; width: 90%; }
.main_r_box { margin-top: 30px; }
}





/* ヘッダー */
@media screen and (min-width: 1224px) {
.sp_menu { display: none; }
.mobile-menu { display: none; }

#head_wrap { padding: 15px 15px 15px 0; background: #fff; }
#head_wrap .fl_wrap { display: flex; justify-content: space-between; align-items: center; margin-left: max(5%, calc(50% - 595px)); max-width: calc(100% - max(5%, calc(50% - 595px))); }
#head_wrap .l_box { max-width: 270px; }
#head_wrap .r_box { flex: 1; display: flex; justify-content: flex-end; align-items: center; }
#head_wrap .lot_box { margin: 0 0 0 15px; }
#head_wrap .lot_box:last-child { margin: 0 0 0 10px; }
#head_wrap .btn-category { display: flex; justify-content: center; align-items: center; gap: 10px; padding: 0 15px; height: 40px; color: #000; font-size: 16px; line-height: 100%; white-space: nowrap; background: #fff; border-radius: 5px; border: 0.5px solid #000; }
#head_wrap .btn-category img { width: 19px; min-width: 19px; height: 19px; }
#head_wrap .header-search-form { display: flex; align-items: center; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; margin: 0; padding: 0 5px; height: 40px; }
#head_wrap .header-search-input { flex: 1; border: none; outline: none; padding: 5px 8px; font-size: 12px; background: transparent; }
#head_wrap .header-search-submit { background: none; border: none; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center; transition: opacity 0.2s; }
#head_wrap .header-search-submit:hover { opacity: 0.6; }
#head_wrap .header-search-submit img { width: 17.5px; min-width: 17.5px; height: 19px; display: block; }
#head_wrap .shipping-info p { text-align: center; line-height: 100%; white-space: nowrap; }
#head_wrap .shipping-info .big { margin: 0; color: #0058AB; font-weight: bold; font-size: 20px; }
#head_wrap .shipping-info .small { margin: 5px 0; color: #000; font-size: 10px; }
#head_wrap .shipping-info .box { padding: 2px 5px; color: #fff; font-size: 10px; background: #0058AB; }
#head_wrap .shipping-info .box span { font-size: 14px; }
#head_wrap .nav-icons { display: flex; align-items: center; gap: 0 15px; }
#head_wrap .nav-icons li { min-width: 20px; }
#head_wrap .btn-cart { display: flex; justify-content: center; align-items: center; gap: 5px; padding: 0 10px; height: 40px; color: #fff; white-space: nowrap; background: #0C8CE9; border-radius: 5px; border: 0.5px solid #000; }
#head_wrap .btn-estimate { display: flex; justify-content: center; align-items: center; gap: 5px; padding: 0 10px; height: 40px; color: #000; font-size: 10px; line-height: 100%; white-space: nowrap; background: #FFE200; border-radius: 5px; border: 0.5px solid #000; }
#head_wrap .btn-estimate p { font-size: 16px; font-weight: bold; line-height: 100%; }
}
@media screen and (max-width: 1223px) {
.pc_menu { display: none; }

#head_wrap .sec_01 { display: flex; justify-content: center; align-items: center; padding: 5px; color: #fff; background: #0058AB; }
#head_wrap .sec_01 p { font-size: 11px; font-weight: bold; }
#head_wrap .sec_01 span { font-size: 9px }
#head_wrap .sec_02 { padding: 15px; }
#head_wrap .sec_02 .fl_wrap { display: flex; justify-content: space-between; align-items: center; }
#head_wrap .sec_02 .l_box { width: 48%; max-width: 195px; }
#head_wrap .sec_02 .prt_menu { display: flex; justify-content: flex-end; align-items: center; }
#head_wrap .sec_02 .prt_menu li { margin: 0 0 0 10px; }
#head_wrap .sec_02 .header-cart { display: grid; place-content: center; width: 45px; height: 40px; border-radius: 5px; border: 0.5px solid #000; background: #0C8CE9; }
#head_wrap .sec_02 .header-estimate { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 45px; height: 40px; border-radius: 5px; border: 0.5px solid #000; background: #FFE200; }
#head_wrap .sec_02 .header-estimate img { height: 21px; }
#head_wrap .sec_02 .header-estimate span { margin: 2px 0 0 0; color: #000; font-size: 8px; line-height: 100%; letter-spacing: -0.8px; }

.menu-btn-open { width: 40px; height: 40px; background-color: #000; border-radius: 50%; border: none; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 3px; }
.menu-btn-open span { width: 24px; height: 2px; background-color: #fff; border-radius: 2px; }
.mobile-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100dvh; background-color: #747474; color: #fff; z-index: 9999; display: flex; flex-direction: column; transform: translateY(-100%); transition: transform 0.4s ease-in-out; }
.mobile-menu.is-open { transform: translateY(0); }
.mobile-menu__header { display: flex; justify-content: flex-end; padding: 15px 15px 0 0; flex-shrink: 0; }
.menu-btn-close { width: 40px; height: 40px; background-color: #fff; border-radius: 50%; border: none; cursor: pointer; position: relative; }
.menu-btn-close::before,
.menu-btn-close::after { content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background-color: #747474; }
.menu-btn-close::before { transform: translate(-50%, -50%) rotate(45deg); }
.menu-btn-close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.mobile-menu__content { flex-grow: 1; overflow-y: auto; padding: 0 15px 20px 15px; }
.menu-list { margin: 50px 0 0 0; font-size: 14px; border-top: 1px solid #fff; }
.menu-list li { display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid #fff; }
.menu-list a { margin: 0 0 0 15px; color: #fff; }
.menu-members h3 { margin: 50px 0 0 0; font-size: 20px; }
.menu-members li a { display: flex; align-items: center; padding: 10px 0; color: #fff; }
.menu-members li a::before { content: ""; width: 15px; height: 1px; margin-right: 15px; background: #fff; }
.menu-company-info { margin-top: 50px; }
.menu-company-info h3 { display: flex; align-items: center; font-size: 21px; }
.menu-company-info h3 img { margin: 0 10px 0 0; }
.menu-company-info p { margin: 30px 0; }
.menu-company-info ul { display: flex; }
.menu-company-info ul > li { margin: 0 15px 0 0; }
.menu-company-info ol { display: flex; flex-wrap: wrap; gap: 0 15px; margin: 30px 0 0 0; }
.menu-company-info ol > li a { color: #fff; font-size: 12px; }
}



/* フッター */
.my-channel-btn { position: fixed; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 10000; box-shadow: 0 4px 10px rgba(0,0,0,0.2); transition: transform 0.2s ease; }
.my-channel-img { width: 100%; height: 100%; object-fit: contain; vertical-align: middle; }
.my-channel-btn:hover { transform: scale(1.05); }
.my-channel-badge { position: absolute; top: 5px; right: 5px; background-color: #ff3b30; color: white; font-size: 14px; font-weight: bold; min-width: 24px; height: 24px; border-radius: 12px; display: flex; justify-content: center; align-items: center; padding: 0 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.2); z-index: 1; }
@media screen and (min-width: 861px) {
#foot_wrap { margin-top: 100px; }
#foot_wrap .sec_01 .bnr_set { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px 23px; }
#foot_wrap .sec_01 .bnr_set li { display: flex; justify-content: center; align-items: center; height: 90px; border-radius: 5px; border: 0.5px solid #676767; background: #F6F6F6; position: relative; }
#foot_wrap .sec_01 .bnr_set li span { margin: 0 0 0 15px; font-size: 20px; font-weight: 600; }
#foot_wrap .sec_01 .bnr_set li a { width: 100%; height: 100%; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute; top:0; left: 0; }
#foot_wrap .sec_01 .bnr_set li a:hover { opacity: 0.6; background: #fff; }
#foot_wrap .sec_01 .fl_wrap { display: flex; justify-content: space-between; margin: 35px 0 0 0; }
#foot_wrap .sec_01 .l_box { width: 50%; }
#foot_wrap .sec_01 .l_box ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 35px; }
#foot_wrap .sec_01 .l_box li { padding: 10px; }
#foot_wrap .sec_01 .l_box h3 { display: flex; align-items: center; font-size: 20px; }
#foot_wrap .sec_01 .l_box h3 span { margin: 0 0 0 5px; }
#foot_wrap .sec_01 .l_box p { font-size: 14px; }
#foot_wrap .sec_01 .r_box { width: 48%; }
#foot_wrap .sec_01 .calendar-unit { display: flex; gap: 30px; }
#foot_wrap .sec_01 table { width: 48%; }
#foot_wrap .sec_01 tr { border-bottom: 1px solid #dfdfdf; }
#foot_wrap .sec_01 th { text-align: center; }
#foot_wrap .sec_01 td { text-align: center; }
#foot_wrap .sec_01 caption { margin: 0 0 15px 0; text-align: center; }
td.sun,td.sat,td.holiday { color: #6a6a6a !important; background: #dcdcdc !important; }
#foot_wrap .sec_01 .r_box p { display: flex; justify-content: flex-end; align-items: center; margin: 5px 0 0 0; }
#foot_wrap .sec_01 .r_box p::before { content: ""; margin: 0 10px 0 0; width: 24px; height: 17px; background: #D9D9D9; }

#foot_wrap .sec_02 { margin-top: 60px; padding: 80px 0 30px 0; background: #606060; }
#foot_wrap .sec_02 * { color: #fff; }
#foot_wrap .sec_02 .fl_wrap { display: flex; justify-content: space-between; gap: 0 25px; }
#foot_wrap .sec_02 .lot_box h2 { display: flex; align-items: center; font-size: 24px; }
#foot_wrap .sec_02 .lot_box h2 span { margin: 0 0 0 10px; }
#foot_wrap .sec_02 .lot_box p { margin: 30px 0; }
#foot_wrap .sec_02 .lot_box ul { display: flex; gap: 0 15px; }
#foot_wrap .sec_02 .lot_box h3 { font-size: 24px; }
#foot_wrap .sec_02 .lot_box ol > li { margin: 45px 0 0 0; }
#foot_wrap .sec_02 .lot_box ol > li a { display: flex; align-items: center; }
#foot_wrap .sec_02 .lot_box ol > li a::before { content: ""; margin: 0 10px 0 0; width: 24px; height: 1px; background: #fff; }
#foot_wrap .sec_02 a:hover { color: #83cee2; }
#foot_wrap .sec_02 .copy ul { display: flex; gap: 0 45px; margin: 70px 0 0 0; }

.my-channel-btn { bottom: 20px; right: 20px; width: 100px; height: 100px; }
}
@media screen and (max-width: 860px) {
#foot_wrap { margin-top: 100px; }
#foot_wrap .sec_01 .bnr_set { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
#foot_wrap .sec_01 .bnr_set li { display: flex; justify-content: center; align-items: center; height: 60px; border-radius: 5px; border: 0.5px solid #676767; background: #F6F6F6; position: relative; }
#foot_wrap .sec_01 .bnr_set li img { height: 30px; }
#foot_wrap .sec_01 .bnr_set li span { margin: 0 0 0 10px; font-size: 12px; font-weight: 600; }
#foot_wrap .sec_01 .bnr_set li a { width: 100%; height: 100%; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute; top:0; left: 0; }
#foot_wrap .sec_01 .bnr_set li a:hover { opacity: 0.6; background: #fff; }
#foot_wrap .sec_01 .fl_wrap { margin: 35px 0 0 0; }
#foot_wrap .sec_01 .l_box ul {  }
#foot_wrap .sec_01 .l_box li { margin: 15px 0 0 0; padding: 10px; }
#foot_wrap .sec_01 .l_box h3 { display: flex; align-items: center; font-size: 20px; }
#foot_wrap .sec_01 .l_box h3 span { margin: 0 0 0 5px; }
#foot_wrap .sec_01 .l_box p { margin: 10px 0 0 0; }
#foot_wrap .sec_01 .r_box { margin: 40px 0 0 0; }
#foot_wrap .sec_01 .calendar-unit { display: flex; gap: 30px; }
#foot_wrap .sec_01 table { width: 48%; }
#foot_wrap .sec_01 tr { border-bottom: 1px solid #dfdfdf; }
#foot_wrap .sec_01 th { text-align: center; }
#foot_wrap .sec_01 td { text-align: center; }
#foot_wrap .sec_01 caption { margin: 0 0 15px 0; text-align: center; }
td.sun,td.sat,td.holiday { color: #6a6a6a !important; background: #dcdcdc !important; }
#foot_wrap .sec_01 .r_box p { display: flex; justify-content: flex-end; align-items: center; margin: 5px 0 0 0; }
#foot_wrap .sec_01 .r_box p::before { content: ""; margin: 0 10px 0 0; width: 24px; height: 17px; background: #D9D9D9; }

#foot_wrap .sec_02 { margin-top: 60px; padding: 30px 0; background: #606060; }
#foot_wrap .sec_02 * { color: #fff; }
#foot_wrap .sec_02 .fl_wrap { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 30px 0; }
#foot_wrap .sec_02 .lot_box { width: 49%; }
#foot_wrap .sec_02 .lot_box:first-child { width: 100%; }
#foot_wrap .sec_02 .lot_box h2 { display: flex; align-items: center; font-size: 21px; }
#foot_wrap .sec_02 .lot_box h2 span { margin: 0 0 0 10px; }
#foot_wrap .sec_02 .lot_box p { margin: 30px 0; }
#foot_wrap .sec_02 .lot_box ul { display: flex; gap: 0 15px; }
#foot_wrap .sec_02 .lot_box h3 { font-size: 24px; }
#foot_wrap .sec_02 .lot_box ol > li { margin: 20px 0 0 0; }
#foot_wrap .sec_02 .lot_box ol > li a { display: flex; align-items: center; }
#foot_wrap .sec_02 .lot_box ol > li a::before { content: ""; margin: 0 10px 0 0; width: 24px; height: 1px; background: #fff; }
#foot_wrap .sec_02 a:hover { color: #83cee2; }
#foot_wrap .sec_02 .copy ul { display: flex; flex-wrap: wrap; gap: 15px; margin: 70px 0 0 0; font-size: 12px; }
#foot_wrap .sec_02 .copy li:first-child { width: 100%; order: 1; }

.my-channel-btn { bottom: 10px; right: 10px; width: 50px; height: 50px; }
}





/* サイドナビ */
#sidenavi ul { list-style-type: none; }
@media screen and (min-width: 861px) and (max-width: 5000px) {
#sidenavi { width:280px; }
#sidenavi .tb { display:none; }
#sidenavi .side_title { margin: 0; padding:5px 0; text-align:center; background:url(https://file002.shop-pro.jp/PA01004/803/images/side_02.png) repeat-x left bottom #444; }
#sidenavi .sec_01 {}
#sidenavi .sec_02 { margin: 0; border:solid 1px #000; }
#sidenavi .sec_02 .box { background:#F4F3F4; }
#sidenavi .side_title span { display: inline-block; }
#main_menu {
	position: relative;
	margin:0 auto;
	padding:10px 0;
	width: 260px;
}

#main_menu ul.menu {
    position: relative;
    width: 260px;
    z-index:110;
	margin: 0;
}

#main_menu .menu > li {
    float: left;
	margin:0 0 10px 0;
    width: 260px;
	font-size: 14px;
	padding: 8px 30px 8px 5px;
    line-height: 1.3em;
    list-style-type:none;
	background: url(https://file002.shop-pro.jp/PA01004/803/images/arrow_01.png) no-repeat right 10px center;
	background-color: #ffffff;
}

#main_menu .menu > li a {
    display: block;
	width: 260px;
}

#main_menu .menu__second-level li a {
	width: 100%;
	background: none!important;
	padding: 0 0 0 0!important;
}

#main_menu .menu > li:hover {
	background: #bfbfbf url(https://file002.shop-pro.jp/PA01004/803/images/arrow_01.png) no-repeat right 10px center;
}

#main_menu .menu > li:hover a {
	text-decoration:none;
	color: #ffffff;
}

#main_menu ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 120;
	background-color: #f8f8f8;
	border: 1px solid #f1f1f1;
}

#main_menu .menu__second-level li {
    padding: 12px 20px;
    list-style-type:none;
	border-bottom: 1px solid #f1f1f1;
	background-color: #f8f8f8;
}

#main_menu .menu__second-level li:first-child {
}

#main_menu .menu__second-level li:last-child {
	border-bottom: none;
}

#main_menu .menu__second-level li a.list_link {
	color: #000;
}

#main_menu .menu > li.menu__single {
    position: relative;
}

#main_menu li.menu__single ul.menu__second-level {
    position: absolute;
    top: 0px;
    right:-260px;
    width: 100%;
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
}

#main_menu li.menu__single:hover ul.menu__second-level {
    visibility: visible;
    opacity: 1;
}

#main_menu .menu__second-level li:hover {
	background-color: #bfbfbf;
}

#main_menu .menu__second-level li:hover a.list_link {
	color: #ffffff;
}

#main_menu .menu:before,
#main_menu .menu:after {
    content: " ";
    display: table;
}
#main_menu .menu:after {
    clear: both;
}
#main_menu .menu {
    *zoom: 1;
}

.cat_big { display:flex; align-items:center; }
.cat_big dt { width:55px; height:55px; }
.cat_big dt img { width:100%; height:auto; }
.cat_big dd { margin:0 0 0 10px; padding:0 20px 0 0; }

.side_all { margin:0 auto 10px auto; width:260px; }

.side_cal { margin:0 auto; width:80%; }
.side_cal td { text-align:center; }
.cal_p { margin:15px auto; width:80%; }
.cal_p span { color:#afeeee; }

#sidenavi .sec_03 { margin:25px 0 0 0; }

#sidenavi .sec_04 { margin:25px 0 0 0; border:solid 1px #000; }
#sidenavi .sec_04 .box { padding:15px; }

#sidenavi .side_title span { padding:15px 5px; color:#fff; font-size:20px; font-weight:bold; }
}

@media screen and (min-width: 1px) and (max-width: 860px) {
#sidenavi .pc { display:none; }
#sidenavi .tb .sec_01 { margin:0 auto; width:95%; }
#sidenavi .tb .sec_01 img { width:100%; }
#sidenavi .tb .sec_01 dl { display:flex; justify-content:space-between; }
#sidenavi .tb .sec_01 dt { width:49%; }
#sidenavi .tb .sec_01 dd { width:49%; }
#sidenavi .tb .sec_01 li { margin:0 0 10px 0; }
#sidenavi .tb .sec_01 li:last-child { margin:0; }
#sidenavi .tb .sec_01 .insta { margin:10px 0 0 0; }

#sidenavi .tb .sec_02 { margin:50px 0 0 0; }
#sidenavi .tb .sec_02 p { padding:5px 0; text-align:center; background:url(https://file002.shop-pro.jp/PA01004/803/images/side_02.png) repeat-x left bottom #444; }
#sidenavi .tb .sec_02 .box { padding:10px 0 20px 0; background:#F4F3F4; }
#sidenavi .tb .sec_02 ul { margin:0 auto; padding:15px 5px; width:95%; background:#fff; }
#sidenavi .tb .sec_02 li { padding:5px 5px 5px 20px; border-bottom:dashed 1px #666; }
#sidenavi .tb .sec_02 li:first-child { border-top:dashed 1px #666; }
#sidenavi .tb .sec_02 a { display:block; width:100%; background: url(https://file002.shop-pro.jp/PA01004/803/images/arrow_01.png) no-repeat right center; }
#sidenavi .tb .sec_02 dl { display:flex; align-items:center; margin: 0; }
#sidenavi .tb .sec_02 dt { width:40px; height:40px; }
#sidenavi .tb .sec_02 dt img { width:100%; height:auto; }
#sidenavi .tb .sec_02 dd { margin:0 0 0 10px; }
}



/* トップ */
.fade_title { text-align: center; opacity: 0; }
.fade_title.is-active { animation: fade-in-right 1s ease-out forwards; }
.bx-controls { display: none; }
@keyframes fade-in-right {
  0% { opacity: 0; transform: translateX(-30px); }
  100% { opacity: 1; transform: translateX(0); }
}
.bx-wrapper .bx-viewport { background: #606060 !important; }
@media screen and (min-width: 861px) {
#top_wrap .arch-section { position: relative; width: 100%; background-color: #f5f5f5; padding-top: 40px; padding-bottom: 80px; }
#top_wrap .arch-section::before { content: ""; position: absolute; top: -200px; left: -25%; width: 150%; height: 200px; background-color: #f5f5f5; border-radius: 50% 50% 0 0 / 100% 100% 0 0; }
#top_wrap .arch-section .hl { margin-top: -180px; position: relative; z-index: 10; }

#top_wrap .sec_01 { padding: 30px 0 0 0; background: #606060; }

#top_wrap .sec_02 { padding: 35px 0; background: #606060; }
#top_wrap .sec_02 .fl_wrap { display: flex; justify-content: space-between; }
#top_wrap .sec_02 .l_box { width: 280px; }
#top_wrap .sec_02 .l_box .category-btn { display: flex; align-items: center; padding: 5px 20px; width: 280px; height: 60px; color: #000; border-radius: 5px; border: 0.5px solid #000; background: #FFF; }
#top_wrap .sec_02 select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#top_wrap .sec_02 select::-ms-expand { display: none; }
#top_wrap .sec_02 .r_box { flex: 1; margin: 0 0 0 15px; }
#top_wrap .sec_02 .r_box .search-box { display: flex; }
#top_wrap .sec_02 .r_box .search-input { flex: 1; padding: 15px; height: 60px; font-size: 16px; border-radius: 5px; border: 0.5px solid #000; background: #FFF; }
#top_wrap .sec_02 .r_box .search-button { display: flex; align-items: center; justify-content: center; margin: 0 0 0 15px; width: 60px; height: 60px; border-radius: 5px; background: #3BA2ED; border: none; padding: 0; cursor: pointer; transition: background-color 0.3s, opacity 0.3s; }
#top_wrap .sec_02 .r_box .search-button:hover { background: #2980b9; }
#top_wrap .sec_02 .r_box .search-button img { width: 30px; height: auto; display: block; }


#top_wrap .sec_03 { margin-top: 100px; }
#top_wrap .sec_03 .fl_wrap { display: flex; justify-content: space-between; }
#top_wrap .sec_03 .l_box { width: 52%; }
#top_wrap .sec_03 h3 { display: flex; align-items: center; padding: 10px 30px; font-size: 24px; line-height: 157.083%; background: #F1F1F1; }
#top_wrap .sec_03 h3::before { content: ""; margin: 0 20px 0 0; width: 49px; height: 44px; background: url(images/icon_top_02.webp) no-repeat; background-size: 100%; }
#top_wrap .sec_03 h3 span { display: block; font-size: 16px; font-weight: 300; }
#top_wrap .sec_03 li { display: flex; padding: 15px 0; border-bottom: solid 1px #676767; }
#top_wrap .sec_03 .news_title { margin-left: 30px; height: 1.5em; overflow: hidden; }
#top_wrap .sec_03 .r_box { width: 46%; }
#top_wrap .sec_03 .r_box p { font-size: 13.186px; }
#top_wrap .sec_03 .video-container { position: relative; width: 100%; padding-top: 56.25%; }
#top_wrap .sec_03 .video-container iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

#top_wrap .sec_04 { margin-top: 100px; }
#top_wrap .sec_04 ul { display: flex; justify-content: space-between; }
#top_wrap .sec_04 li { width: 49%; }

#top_wrap .sec_05 { margin-top: 100px; margin-bottom: 300px; }
#top_wrap .sec_05 .grid-container { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; gap: 20px 10px; border: none; height: 530px; width: 100%; }
#top_wrap .sec_05 .main-feature { grid-row: 1 / 3; grid-column: 1 / 2; }

#top_wrap .sec_06 .box { margin-left: max(5%, calc(50% - 595px)); max-width: calc(100% - max(5%, calc(50% - 595px))); width: fit-content; overflow-x: auto; position: relative; z-index: 10; }
#top_wrap .sec_06 ul { display: flex; gap: 5px; width: max-content; padding: 0 20px 0 0; }
#top_wrap .sec_06 li { padding: 58px 0 0 22px; max-width: 320px; position: relative; }
#top_wrap .sec_06 li:first-child::before { content: ""; width: 44px; height: 69px; background: url(images/icon_rank_01.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 li:nth-child(2)::before { content: ""; width: 44px; height: 69px; background: url(images/icon_rank_02.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 li:nth-child(3)::before { content: ""; width: 44px; height: 69px; background: url(images/icon_rank_03.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 li:nth-child(4)::before { content: ""; width: 44px; height: 69px; background: url(images/icon_rank_04.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 li:nth-child(5)::before { content: ""; width: 44px; height: 69px; background: url(images/icon_rank_05.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 li:nth-child(6)::before { content: ""; width: 44px; height: 69px; background: url(images/icon_rank_06.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 li:nth-child(7)::before { content: ""; width: 44px; height: 69px; background: url(images/icon_rank_07.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 li:nth-child(8)::before { content: ""; width: 44px; height: 69px; background: url(images/icon_rank_08.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 li:nth-child(9)::before { content: ""; width: 44px; height: 69px; background: url(images/icon_rank_09.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 li:last-child::before { content: ""; width: 44px; height: 69px; background: url(images/icon_rank_10.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 a { color: #000; }
#top_wrap .sec_06 .product-list__name { margin-top: 10px; font-size: 14px; font-weight: normal; }
#top_wrap .sec_06 .price { font-size: 14px; }
#top_wrap .sec_06 .price span { font-size: 18px; font-weight: bold; }

#top_wrap .sec_07 { margin-top: 100px; margin-bottom: 300px; }
#top_wrap .sec_07 ul { display: grid; grid-template-columns: repeat(5, 1fr); gap: 50px 30px; }
#top_wrap .sec_07 li { position: relative; }
#top_wrap .sec_07 li a { width: 100%; height: 100%; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute; top:0; left: 0; }
#top_wrap .sec_07 li a:hover { opacity: 0.6; background: #fff; }
#top_wrap .sec_07 p img { display: none !important; }
#top_wrap .sec_07 .title { margin-top: 10px; font-size: 14px; }
#top_wrap .sec_07 .price { font-size: 14px; }
#top_wrap .sec_07 .price span { font-size: 18px; font-weight: bold; }

#top_wrap .sec_08 h3 { display: flex; align-items: center; height: 70px; font-size: 24px; white-space: nowrap; }
#top_wrap .sec_08 h3 strong { display: grid; place-content: center; width: 70px; height: 70px; }
#top_wrap .sec_08 .box { margin-bottom: 40px; margin-left: max(5%, calc(50% - 595px)); padding: 20px 30px; max-width: calc(100% - max(5%, calc(50% - 595px))); width: fit-content; background-color: #fff; overflow-x: auto; border-radius: 5px; position: relative; z-index: 10; }
#top_wrap .sec_08 .box_set { display: flex; gap: 0 26px; margin-left: max(5%, calc(50% - 595px)); max-width: calc(100% - max(5%, calc(50% - 595px))); width: fit-content; overflow-x: auto; }
#top_wrap .sec_08 .box_set .box { margin-bottom: 0; margin-left: 0; padding: 20px 30px; max-width: 100%; width: auto; background-color: #fff; overflow-x: none; border-radius: 5px; position: relative; z-index: 10; }
#top_wrap .sec_08 .inner { display: flex; gap: 25px; width: max-content; }
#top_wrap .sec_08 .box_set .inner { display: block; gap: 25px; width: auto; }
#top_wrap .sec_08 .item { padding: 20px 0; min-width: 365px; border-radius: 5px; border: 0.5px solid #8E8E93; }
#top_wrap .sec_08 h4 { display: flex; align-items: center; font-size: 20px; }
#top_wrap .sec_08 h4::before { content: ""; margin: 0 5px 0 0; width: 20px; height: 1px; background: #8E8E93; }
#top_wrap .sec_08 ul { display: grid; grid-auto-flow: column; grid-template-rows: repeat(4, auto); gap: 15px 30px; margin: 15px 0 0 0; padding: 0 20px; }
#top_wrap .sec_08 li { margin: 0 0 0 1em; font-size: 14px; list-style-type: disc; }
#top_wrap .sec_08 li::marker { color: #003990; }

#top_wrap .sec_09 { margin-top: 100px; }
#top_wrap .sec_09 ul { display: flex; justify-content: space-between; gap: 0 30px; }

#top_wrap .sec_10 { margin-top: 100px; }
#top_wrap .sec_10 ul { display: flex; justify-content: space-between; gap: 0 20px; }
#top_wrap .sec_10 li { position: relative; }
#top_wrap .sec_10 li a { width: 100%; height: 100%; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute; top:0; left: 0; }
#top_wrap .sec_10 li a:hover { opacity: 0.6; background: #fff; }
}
@media screen and (max-width: 860px) {
#top_wrap .arch_wrap { padding-top: 200px; overflow-x: hidden; }
#top_wrap .arch-section { position: relative; width: 100%; background-color: #f5f5f5; padding-top: 40px; padding-bottom: 50px; }
#top_wrap .arch-section::before { content: ""; position: absolute; top: -200px; left: -25%; width: 150%; height: 200px; background-color: #f5f5f5; border-radius: 50% 50% 0 0 / 100% 100% 0 0; }
#top_wrap .arch-section .hl { margin-top: -200px; position: relative; z-index: 10; }

#top_wrap .sec_01 { padding: 30px 0 0 0; background: #606060; }

#top_wrap .sec_02 { padding: 35px 0; background: #606060; }
#top_wrap .sec_02 .fl_wrap { display: flex; justify-content: space-between; }
#top_wrap .sec_02 .l_box { width: 140px; }
#top_wrap .sec_02 .l_box .category-btn { display: flex; align-items: center; padding: 5px 10px; width: 140px; height: 30px; color: #000; font-size: 12px; border-radius: 5px; border: 0.5px solid #000; background: #FFF; }
#top_wrap .sec_02 select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#top_wrap .sec_02 select::-ms-expand { display: none; }
#top_wrap .sec_02 .r_box { flex: 1; margin: 0 0 0 10px; }
#top_wrap .sec_02 .r_box .search-box { display: flex; }
#top_wrap .sec_02 .r_box .search-input { padding: 10px 15px; flex: 1; width: 100%; height: 30px; border-radius: 5px; border: 0.5px solid #000; background: #FFF; }
#top_wrap .sec_02 .r_box .search-button { display: flex; align-items: center; justify-content: center; margin: 0 0 0 10px; width: 30px; height: 30px; border-radius: 5px; background: #3BA2ED; border: none; padding: 0; cursor: pointer; transition: background-color 0.3s, opacity 0.3s; }
#top_wrap .sec_02 .r_box .search-button:hover { background: #2980b9; }
#top_wrap .sec_02 .r_box .search-button img { width: 15px; height: auto; display: block; }
.category-menu-wrapper { position: relative; display: inline-block; width: 280px; }
.category-btn { width: 100%; padding: 10px; background: #333; color: #fff; border: none; cursor: pointer; }
.category-list { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; border: 1px solid #ccc; list-style: none; padding: 0; margin: 0; z-index: 10; }
.category-list li a { display: block; padding: 10px; text-decoration: none; color: #333; border-bottom: 1px solid #eee; }
.category-list li a:hover { background-color: #f5f5f5; }
.category-menu-wrapper:hover .category-list { display: block; }

#top_wrap .sec_03 { margin-top: 50px; }
#top_wrap .sec_03 .l_box {  }
#top_wrap .sec_03 h3 { display: flex; align-items: center; padding: 10px; font-size: 13px; line-height: 157.083%; background: #F1F1F1; }
#top_wrap .sec_03 h3::before { content: ""; margin: 0 10px 0 0; width: 30px; height: 27px; background: url(images/icon_top_02.webp) no-repeat; background-size: 100%; }
#top_wrap .sec_03 h3 span { display: block; font-size: 10px; font-weight: 300; }
#top_wrap .sec_03 li { display: flex; padding: 15px 0; font-size: 12px; border-bottom: solid 1px #676767; }
#top_wrap .sec_03 .news_title { margin-left: 30px; height: 1.5em; overflow: hidden; }
#top_wrap .sec_03 .r_box { margin: 10px 0 0 0; }
#top_wrap .sec_03 .r_box p { font-size: 12px; }
#top_wrap .sec_03 .video-container { position: relative; width: 100%; padding-top: 56.25%; }
#top_wrap .sec_03 .video-container iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

#top_wrap .sec_04 { margin-top: 50px; }
#top_wrap .sec_04 ul { display: grid; gap: 25px; }
#top_wrap .sec_04 li { text-align: center; }

#top_wrap .sec_05 { margin-top: 50px; margin-bottom: 70px; }
#top_wrap .sec_05 .grid-container { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(auto-fill, minmax(80px, auto)); height: auto; gap: 8px; }
#top_wrap .sec_05 .main-feature { grid-column: 1 / 2; grid-row: 1 / 3; min-height: 160px; }
#top_wrap .sec_05 .grid-item { min-height: 80px; }

#top_wrap .sec_06 .box { margin-left: max(5%, calc(50% - 595px)); max-width: calc(100% - max(5%, calc(50% - 595px))); width: fit-content; overflow-x: auto; position: relative; z-index: 10; }
#top_wrap .sec_06 ul { display: flex; gap: 5px; width: max-content; padding: 0 20px 0 0; }
#top_wrap .sec_06 li { padding: 35px 0 0 12px; width: 185px; position: relative; }
#top_wrap .sec_06 li:first-child::before { content: ""; width: 26px; height: 41px; background: url(images/icon_rank_01.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 li:nth-child(2)::before { content: ""; width: 26px; height: 41px; background: url(images/icon_rank_02.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 li:nth-child(3)::before { content: ""; width: 26px; height: 41px; background: url(images/icon_rank_03.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 li:nth-child(4)::before { content: ""; width: 26px; height: 41px; background: url(images/icon_rank_04.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 li:nth-child(5)::before { content: ""; width: 26px; height: 41px; background: url(images/icon_rank_05.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 li:nth-child(6)::before { content: ""; width: 26px; height: 41px; background: url(images/icon_rank_06.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 li:nth-child(7)::before { content: ""; width: 26px; height: 41px; background: url(images/icon_rank_07.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 li:nth-child(8)::before { content: ""; width: 26px; height: 41px; background: url(images/icon_rank_08.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 li:nth-child(9)::before { content: ""; width: 26px; height: 41px; background: url(images/icon_rank_09.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 li:last-child::before { content: ""; width: 26px; height: 41px; background: url(images/icon_rank_10.webp) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
#top_wrap .sec_06 a { color: #000; }
#top_wrap .sec_06 .product-list__name { margin-top: 5px; font-size: 12px; font-weight: normal; }
#top_wrap .sec_06 .price { font-size: 10px; }
#top_wrap .sec_06 .price span { font-size: 14px; font-weight: bold; }

#top_wrap .sec_07 { margin-top: 50px; margin-bottom: 70px; }
#top_wrap .sec_07 ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 25px; }
#top_wrap .sec_07 li { position: relative; }
#top_wrap .sec_07 li a { width: 100%; height: 100%; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute; top:0; left: 0; }
#top_wrap .sec_07 p img { display: none !important; }
#top_wrap .sec_07 .title { margin-top: 5px; font-size: 12px; }
#top_wrap .sec_07 .price { font-size: 10px; }
#top_wrap .sec_07 .price span { font-size: 14px; font-weight: bold; }
#top_wrap .sec_07 li a:hover { opacity: 0.6; background: #fff; }

#top_wrap .sec_08 h3 { display: flex; align-items: center; height: 70px; font-size: 20px; white-space: nowrap; }
#top_wrap .sec_08 h3 strong { display: grid; place-content: center; width: 70px; height: 70px; }
#top_wrap .sec_08 .box { margin-bottom: 40px; margin-left: max(5%, calc(50% - 595px)); padding: 20px 30px; max-width: calc(100% - max(5%, calc(50% - 595px))); width: fit-content; background-color: #fff; overflow-x: auto; border-radius: 5px; position: relative; z-index: 10; }
#top_wrap .sec_08 .box_set { display: flex; gap: 25px; margin-bottom: 40px; margin-left: max(5%, calc(50% - 595px)); max-width: calc(100% - max(5%, calc(50% - 595px))); width: fit-content; overflow-x: auto; border-radius: 5px; position: relative; z-index: 10; }
#top_wrap .sec_08 .box_set .box { margin-bottom: 0; margin-left: 0; padding: 20px 30px; max-width: 500px; width: 500px; background-color: #fff; overflow-x: visible; border-radius: 5px; position: relative; z-index: 10; }
#top_wrap .sec_08 .inner { display: flex; gap: 25px; width: max-content; }
#top_wrap .sec_08 .box_set .inner { width: auto; }
#top_wrap .sec_08 .item { padding: 20px 0; width: 365px; border-radius: 5px; border: 0.5px solid #8E8E93; }
#top_wrap .sec_08 h4 { display: flex; align-items: center; font-size: 20px; }
#top_wrap .sec_08 h4::before { content: ""; margin: 0 5px 0 0; width: 20px; height: 1px; background: #8E8E93; }
#top_wrap .sec_08 ul { display: grid; grid-auto-flow: column; grid-template-rows: repeat(4, auto); gap: 15px 30px; margin: 15px 0 0 0; padding: 0 20px; }
#top_wrap .sec_08 li { margin: 0 0 0 1em; font-size: 14px; list-style-type: disc; }
#top_wrap .sec_08 li::marker { color: #003990; }

#top_wrap .sec_09 { margin-top: 50px; }
#top_wrap .sec_09 ul { text-align: center; }
#top_wrap .sec_09 li { display: inline-block; margin: 0 0 20px 0; text-align: left; }
#top_wrap .sec_09 li:last-child { margin: 0; }

#top_wrap .sec_10 { margin-top: 50px; }
#top_wrap .sec_10 ul { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 3.5%; }
#top_wrap .sec_10 ul li { width: 31%; display: block; position: relative; }
#top_wrap .sec_10 ul li:nth-child(n+4) { display: none; }
#top_wrap .sec_10 li a { width: 100%; height: 100%; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute; top:0; left: 0; }
#top_wrap .sec_10 li a:hover { opacity: 0.6; background: #fff; }
}





/* ガイド */
#guide { font-size:14px; }
#guide img { display:block; margin:5px 0; }
#guide .red { color:#BC272D; }

#guide .article { margin:50px 0 0 0; }
#guide .article h3 { padding:10px 15px 5px 15px; color:#fff; font-size:24px; }
#guide .article dl { margin:20px 0 0 0; padding:0 15px 20px 15px; border-bottom:dotted 1px #000; }
#guide .article dt { font-size:16px; font-weight:bold; }
#guide .article dd { margin:5px 0 0 0; }

#guide .sec_01 { display:flex; justify-content:space-between; flex-wrap:wrap; }
#guide .sec_01 .cell { margin:20px 0 0 0; padding:15px; width:48%; background:#F0EFF0; }
#guide .sec_01 .cell dt { padding:0 0 5px 0; font-size:16px; font-weight:bold; }
#guide .sec_01 .cell dd { margin:5px 0 0 0; padding:0 0 0 1em; background:url(https://file002.shop-pro.jp/PA01004/803/images/guide_03.png) no-repeat 4px 8px; }
#guide .sec_01 .cell a { color:#1B1464; }
#guide .sec_01 .box_01 { border-top:solid 10px #3559AB; }
#guide .sec_01 .box_02 { border-top:solid 10px #E32E5B; }
#guide .sec_01 .box_03 { border-top:solid 10px #7F15FF; }
#guide .sec_01 .box_04 { border-top:solid 10px #F28E1E; }
#guide .sec_01 .box_05 { border-top:solid 10px #5A981E; }
#guide .sec_01 .box_06 { border-top:solid 10px #BC272D; }
#guide .sec_01 .box_07 { border-top:solid 10px #b2a877; }
#guide .sec_01 .box_08 { border-top:solid 10px #25d1e5; }

#guide .sec_02 h3 { background:#3559AB; }
#guide .sec_03 h3 { background:#E32E5B; }
#guide .sec_04 h3 { background:#7F15FF; }
#guide .sec_05 h3 { background:#F28E1E; }
#guide .sec_06 h3 { background:#5A981E; }
#guide .sec_07 h3 { background:#BC272D; }
#guide .sec_08 h3 { background:#b2a877; }
#guide .sec_09 h3 { background:#25d1e5; }

#guide .border_a { display:inline-block; padding:5px 0 0 0; color:#1B1464; line-height:120%; border-bottom:dashed 1px #E73C8A; text-decoration:none; }
#guide .border_b { margin:5px 0 0 0; }
#guide .border_b a {
	display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    color: #F28E1E;
    border: solid 1px #F28E1E;
    transition: .4s;
	}
#guide .border_b a:hover {
	background: #F28E1E;
    color:#fff;
	}
#guide .box { margin:10px 0; padding:15px; background:#F0EFF0; }





.product__related-list__link span { background:url(https://file002.shop-pro.jp/PA01004/803/images/arrow_03.png) no-repeat left center; }
.shain h2 { color: #00008b; font-size: 38px; }

@media screen and (min-width: 861px) and (max-width: 5000px) {
.comp_logo { display: flex; align-items: center; }
.comp_logo dt { width: 100px; }
.comp_logo dd { flex: 1; margin: 0 0 0 1em; }
}
@media screen and (min-width: 1px) and (max-width: 540px) {
.comp_logo dt { text-align: center; }
.comp_logo dd { margin: 10px 0 0 0; }
}











@media screen and (min-width: 861px) and (max-width: 5000px) {
.related-list { margin:15px 0 0 0; }
.related-list li { margin:0 0 0 0.5em; padding:0 0 0 0.5em; border-left:solid 1px #000; }
.related-list li:first-child { margin:0; padding:0; border:none; }
}
@media screen and (min-width: 1px) and (max-width: 860px) {
.product__image .col-lg-7 { width:100%; float:none; }
.product__image .col-lg-5 { width:100%; float:none; }
.product__image .col { padding-right:0; padding-left:0; }
.product__image-thumb li { width:15%; float:left; }
.product__guide .col-lg-7 { width:100%; float:none; }
.product__guide .col-lg-5 { margin:30px 0 0 0; width:100%; float:none; }
.init-list__detail-num { width:70px; }
.related-list { text-align:left; }
.related-list li { display:block; margin:10px 0 0 0; }
.product-list__unit-lg { width:25%; }
}
.sort { list-style-type: none; }

@media screen and (min-width: 541px) and (max-width: 5000px) {
.cat_title { color: #00003A; font-size: 38px; }
.cat_list_column { margin:50px 0 0 0; }
.cat_list_column dl { display:flex; align-items:center; padding:0 0 10px 0; border-bottom:solid 1px #000; }
.cat_list_column dt { padding:0 10px 0 0; width:55px; }
.cat_list_column h3 { font-size:18px !important; font-weight: normal; }
.cat_list_column ul { display: flex; flex-wrap:wrap; margin: 0 0 0 -1%; font-size:12px; list-style-type: none; }
.cat_list_column li { margin: 15px 0 0 1%; width: 19%; }
.cat_list_column img { width: 100%; }
.cat_big { margin: 0; }
}
@media screen and (min-width: 1px) and (max-width: 540px) {
.cat_title { color: #00003A; font-size: 38px; }
.cat_list_column { margin:50px 0 0 0; }
.cat_list_column dl { display:flex; align-items:center; padding:0 0 10px 0; border-bottom:solid 1px #000; }
.cat_list_column dt { padding:0 10px 0 0; width:55px; }
.cat_list_column h3 { font-size:18px !important; font-weight: normal; }
.cat_list_column ul { display: flex; flex-wrap:wrap; margin: 0 0 0 -1%; font-size:12px; }
.cat_list_column li { margin: 15px 0 0 1%; width: 32%; }
.cat_list_column img { width: 100%; }
}




.item_hyou table { border-collapse:collapse; border-spacing:1 !important; }
.item_hyou th { padding: 5px 15px; font-weight: bold; text-align: center; border: solid 1px #cccccc !important; }
.item_hyou td { padding: 5px 15px; border: solid 1px #cccccc !important; }