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

@media all and (max-width: 1400px) {
}

@media all and (max-width: 1199px) {
	.ft-bottom .block-left{ width: auto; }
	.ft-bottom .block-left .info-box{ float: none; margin: 0; clear: both;}
	.ft-bottom .copyright{ width: 200px; }
}

@media all and (max-width: 991px) {
	.menu, .btn_header_login, .mbr-logged-in{ display: none; }
	.menu-mobile{ display: block; }

	#theme .box_wrap p{ height: auto; }

	.col_menu{ display: none; }

	.btn_toggle{ width: 50px; height: 50px; color: #fff; background: #333; border: 0; display: block; cursor: pointer; position: absolute; top: 182px; left: 0px; z-index: 902; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

	.notice{ font-size: 1em; top: 9px; right: 50px; }
}

@media all and (max-width: 768px) {
}

@media all and (max-width: 767px) {
	h2{ font-size: 1.625em; }
	h3{ font-size: 1.5em; }
	h4{ font-size: 1.25em; }
	h5{ font-size: 1.125em; }
	h6{ font-size: 1em; }

	section{ padding: 45px 0; }

	.carousel-item .dk{ display: none !important; }
	.carousel-item .mb{ display: block !important; }

	footer{ padding: 40px 25px 0 25px; }
	.ft-top .flogo2 a{ display: block; }
	.ft-top .block-right{ display: none; }
	.ft-top .block-left{ float: none; border-top: 1px solid #5e5c5b; clear: both; text-align: center; }
	.ft-top .block-left li{ float: none; display: inline-block; }

	.ft-bottom .flogo, .ft-bottom .flogo a{ display: none; }

	.ft-bottom .block-left, .ft-bottom .block-right{ float: none; width: 100%; }
	.ft-bottom .ft-follow{ float: none; padding: 20px 0 20px 0; border-bottom: 1px solid #5e5c5b;}
	.ft-bottom .copyright{ width: 100%; clear: both; text-align: left; }

	.inner_bnr span{ font-size: 3em; top: -12px;}

	#inner .container{ min-height: auto; }

	.btn_toggle{ top: 132px;}

	.mbr_img_wrap{ float: none; margin: 0 0 0 0;}
	.mbr_img{ margin: 0 auto; }

	#inner .accordion-button i{ top: 9px;}

	.tab_item_wrap{ flex-wrap: wrap; }
	.tab_item_wrap .tab_item:nth-child(1){ flex-basis: 100%; max-width: 300px; margin: 0 auto 40px auto; justify-content: center; }
	.tab_item_wrap .tab_item:nth-child(2){ flex-basis: 100%; }

	#tab_03-tab-pane .tab_item, #tab_04-tab-pane .tab_item{ max-width: 100%; }

	#inner .box_wrap h5.quote_2, #article .box_wrap h5.quote_2, #catalog .box_wrap h5.quote_2{ height: 45px; }

	#catalog .accordion-body .b-item-wrap a{ flex-wrap: wrap; }
	#catalog .accordion-body .b-item:nth-child(1){ flex-basis: 100%; margin-right: 0px; }
	#catalog .accordion-body .b-item:nth-child(2){ flex-basis: 100%; margin: 5px 0; font-weight: 700; }
	#catalog .accordion-body .b-item:nth-child(3){ flex-basis: 100%; margin-left: 0px; }
}

@media all and (max-width: 600px) {
}

@media all and (max-width: 575px) {
	.inner_bnr span{ font-size: 2.5em; top: -8px;}

	.kk li{ width: calc(100% / 5);}

	#inner .accordion-body span{ width: 100%; font-size: .875em; }
	#inner .accordion-body b{ width: 78px; }
	#inner .accordion-body .score_list span{ width: calc(50% - 7px); }
	#inner .accordion-body .score_list span:nth-child(2n){ margin-right: 0; }
	#inner .accordion-body .score_list span:last-child{ width: 100%; }

	body.q{ padding-bottom: 62px; }

	.answer_select{ margin: 0 0 0 -10px; }
	.answer_select li{ float: left; margin: 0 8px 0 0; }
	.answer_select button{ font-size: 1em; }
	.answer_select .done{ right: 10px; }

	.answer_select.t2{ margin: 0 0 0 -10px; }
	.answer_select.t2 li{ float: none; margin: 0 4px 0 4px; }

	#inner .accordion-button p{ line-height: 1.45em; }
	#inner .accordion-button span{ width: 100%; margin: 5px 0 0 0; display: block;}

	.explain li span{ float: none; }
	.explain li span:first-child{ width: 100%; }
	.explain li span:last-child{ width: 100%; margin-top: 10px; border-left: 12px solid #00ada9;}

	.accordion-ul li a{ flex-wrap: wrap; }
	.accordion-ul li a .accordion-title{ flex-basis: 100%; margin-right: 0px; }
	.accordion-ul li a .accordion-price{ flex-basis: 100%; margin-top: 10px; }

	.tab-content{ padding: 20px;}
	.tab_item_wrap .tab_item:nth-child(1){ margin: 0 auto 20px auto;}

	#inner .box_wrap h5.quote_2, #article .box_wrap h5.quote_2, #catalog .box_wrap h5.quote_2{ height: auto; text-overflow: clip; white-space: normal; }

	.nav-tabs li{ float: none; width: 100%; margin-bottom: 10px !important; display: block; }
}

@media all and (max-width: 480px) {
	.inner_bnr{ height: 60px; padding: 16px 0;}
	.inner_bnr span{ font-size: 2em; top: -6px;}

	.kk li{ width: calc(100% / 4);}

	.btn_toggle{ top: 75px;}

	#inner .accordion-body .score_list span{ width: 100%; }

	.q_no_box{ width: 50px; height: 24px; font-size: .813em; line-height: 24px; }

	.countdown_wrap{ font-size: .813em; margin: -12px -22px 0 0; }

	.news_box .date{ float: none; margin-top: 20px;}
}

@media all and (max-width: 400px) {
	.nav-tabs .nav-item{ margin: 0 3px; }
	.nav-tabs .nav-item .nav-link p{ padding: 7px 12px; font-size: .875em; }
}

@media all and (max-width: 375px) {
}

@media all and (max-width: 374px) {
	.q_select2 li{ margin: 4px 2px;}
	.q_select2 li button{ font-size: .813em; }
}

@media all and (max-width: 320px) {
	.notice{ right: 40px; }
}