@charset "UTF-8";
/* CSS Document */
body {
 width: 100%;
 position: absolute;
 padding-bottom: 60px;
 font-family: Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
}
img {
 max-width: 100%;
	hegith:auto;
}
.no_sp {
 display: none;
}
/* ヘッダー */
#pageTop #header1 {
 width: 100%;
 height: 50px;
 margin: auto;
 overflow: hidden;
 position: fixed;
 top: 0;
 background-color: #fff;
 z-index: 1000000;
}
#pageTop #header1 .catch {
 float: left;
 width: 70%;
	text-align: center;
}
#pageTop #header1 .catch img {
 width: 180px;
height:auto;
}
@media screen and (max-width: 470px) {
   #pageTop #header1 .catch img { 
				width: 130px;
	}
}
#pageTop #header1 .catch2 {
 float: right;
 width: 27%;
 margin-top: 14px;
 margin-right: 2%;
 display: none;
}
#pageTop #header1 .catch2 img {
 width: 100%;
}
#pageTop #header1 .chachcopy {
 font-size: 8px;
 padding: 0 2%;
 margin-bottom: 2px;
}
#header {
 margin-top: 30px;
}
#header ul {
 overflow: hidden;
 display: none;
}
#header ul li {
 width: 33.33333333%;
 float: left;
 box-sizing: border-box;
 text-align: center;
}
#header ul li a {
 display: block;
}
#header ul li img {
 padding: 10px 0;
}
.reg {
 display: none;
}
/* ハンバーガーボタン */
#pageTop #header1 #ham_btn {
 float: left;
 width: 15%;
 display: block;
 margin-top: 14px;
 cursor: pointer;
 background-color: #fff;
 border: none;
 padding: 8px 5% 8px 3%;
 outline: none;
}
#ham_btn::before, #ham_btn::after {
 content: '';
 display: block;
 height: 2px;
 background-color: #3A3A3A;
 transform: translateY(9px);
 transition: 0.3s ease-in-out;
}
#ham_btn::before {
 transform: translateY(-8px);
 box-shadow: 0 9px #3A3A3A;
}
.open #ham_btn {
 z-index: 100;
}
.open #ham_btn::before {
 transform: rotate(-45deg) translateY(1px);
 box-shadow: none;
}
.open #ham_btn::after {
 transform: rotate(45deg) translateY(-1px);
 box-shadow: none;
}
/* 左メニュー */
.leftmenuframe_ {
 position: fixed;
 top: 55px;
 left: -81%;
 z-index: 1000000000;
 border-right: 1px solid #ccc;
 background-color: #fff;
 width: 80%;
 overflow-y: scroll;
 height: calc(100% - 50px);
 transition: left 0.5s;
}
.open .leftmenuframe_ {
 left: 0;
 transition: left 0.5s;
}
.open #header {
 opacity: 0.2;
 transition-property: opacity;
 transition-duration: 0.5s;
 transition-delay: 0;
 transition-timing-function: linear;
}
.open .mainframe_ {
 opacity: 0.2;
 transition-property: opacity;
 transition-duration: 0.5s;
 transition-delay: 0;
 transition-timing-function: linear;
}
.open #footer {
 opacity: 0.2;
 transition-property: opacity;
 transition-duration: 0.5s;
 transition-delay: 0;
 transition-timing-function: linear;
}
.leftmenuframe_ .left_top_nav {
 overflow: hidden;
	margin: 8px 0;
}
.leftmenuframe_ .left_top_nav .left_top_nav_link {
 float: left;
 width: 50%;
}

.leftmenuframe_ .marker2 a{
 color:#333;
	text-decoration: auto;
	border-bottom: 1px solid;
}
.leftmenuframe_ #means {
 overflow: hidden;
 width: 96%;
 margin: 0 auto 15px;
 padding-top: 5px;
 display: flex;
 flex-wrap: wrap;
 font-size: 10px;
}
.leftmenuframe_ #means span {
 color: #333;
 text-decoration: none;
 float: left;
 padding-top: 6px;
 line-height: 1.3em;
 font-size: 10px;
}
 .leftmenuframe_ .pickup_knowhow1_ a img {
 margin-bottom: 3px;
 width: 25px;
 float: left;
}
.leftmenuframe_ .pickup_knowhow3_ a img {
 margin-bottom: 3px;
 width: 25px;
 float: left;
}
.leftmenuframe_ #means div {
 margin-bottom: 5px;
	float:left;
	width: 49%;
	margin-right: 1%;
}
.leftmenuframe_ #means div img {
	height: auto;
}
.leftmenuframe_ .category_tree_ h2 {
 color: #333;
 font-size: 15px;
 padding: 10px 0 10px 2%;
 font-weight: bold;
 margin-top: 15px;
 overflow: hidden;
	background-color: #e6e6e6;
	text-align: center;
}
.leftmenuframe_ .category_tree_ .small_font a {
 color: #333;
 font-size: 10px;
 font-weight: bold;
 text-align: center;
 text-decoration: auto;
 border-bottom: 1px solid;
}
.leftmenuframe_ .category_tree_ h3 .orange_bar {
 background: linear-gradient(transparent 88%, #fdb167 50%);
 display: block;
 width: auto;
 float: left;
}
.leftmenuframe_ .category_tree_ .red_bar {
 background: linear-gradient(transparent 88%, #ffb2b2 50%);
 display: block;
 width: auto;
 float: left;
}
.leftmenuframe_ .all_tokushu_btn{
	overflow: hidden;
}
.leftmenuframe_ .all_special_link {
 color: #000;
 font-weight: 100;
 float: right;
 text-decoration: none;
 background-color: #fff;
 font-size: 2.8vw;
 padding: 6px 15px 4px;
	border: 1px solid #000;
	box-sizing: border-box;
	margin-right: 10px;
}
.leftmenuframe_ .all_special_link:hover {
 opacity: 0.5;
 text-decoration: none;
}
.leftmenuframe_ .category_tree_ a img {
 margin-right: 10px;
 margin-bottom: 3px;
 width: 25px;
 float: left;
}
.leftmenuframe_ .category_tree_ h3 span {
 float: left;
 padding-top: 4px;
 line-height: 1.3em;
 font-size: 16px;
}
.leftmenuframe_ .category_tree_ li a {
 display: block;
 color: #333;
}
.leftmenuframe_ .category_tree_ li a:hover {
 opacity: 0.8;
 text-decoration: none;
}
.leftmenuframe_ .category_tree_ li {
 border-top: none;
 padding-top: 6px;
 padding-bottom: 4px;
}
.leftmenuframe_ .category_tree_ li.left_line2 {
 padding-top: 6px;
}
.leftmenuframe_ .category_tree_ li.left_line2 img {}
.leftmenuframe_ .category_tree_ .category_tree2_ {
 width: 96%;
 margin: auto;
}
.leftmenuframe_ .category_tree_ .category_tree2_ h3 {
 position: relative;
 overflow: hidden;
}
.leftmenuframe_ .category_tree_ .category_tree2_ h3 .right_icon {
 position: absolute;
 right: 15px;
 top: 7px;
}
.leftmenuframe_ .category_tree_ .category_tree2_ h3 .minus_space {
 letter-spacing: -0.7px;
}
.leftmenuframe_ .bnr_box2_ {
 width: 96%;
 margin: 20px auto 15px;
 padding-top: 5px;
}
.leftmenuframe_ .bnr_box2_ li {
 width: 49%;
 margin-bottom: 5px;
}
.leftmenuframe_ .bnr_box2_ li img {
 width: 100%;
}
.leftmenuframe_ .bnr_box2_ li a {
 display: block;
}
.left_sp_footernav a {
 display: block;
 text-decoration: none;
 color: #000;
 text-align: center;
 margin: auto;
 padding-bottom: 10px;
}
.left_sp_footernav {
 list-style: none;
}
.left_sp_footernav li {
 margin: 0;
 padding: 0;
 border-top: 1px solid #000;
}
.left_sp_footernav li:last-child {
 border-bottom: 1px solid #000;
}
.left_sp_footernav h2 {
 text-align: center;
 font-size: 2vw;
}
.left_sp_footernav h2 img {
 width: 35%;
}
.left_sp_footernav h2:last-child {
 margin-top: 15px;
}
/* メインヴィジュアル */
#main_visual .top_visual_ .bx-wrapper:first-child {
 display: none;
}
#main_visual .bx-wrapper .bx-pager {
 text-align: center;
 font-size: .85em;
 font-family: Arial;
 font-weight: bold;
 color: #666;
 padding-top: 10px;
 margin-bottom: 10px;
}
#bx-pager {
 margin-right: -20px;
 margin-bottom: 10px;
}
#bx-pager ul > li {
 width: 268px;
 height: 65px;
 float: left;
 margin-right: 8px;
 margin-bottom: 10px;
 overflow: hidden;
}
#bx-pager ul > li img {
 max-width: 268px;
}
#bx-pager ul > li a {
 display: block;
 overflow: hidden;
 width: 268px;
 height: 65px;
 box-sizing: border-box;
 border: 1px solid #ccc;
}
#bx-pager ul > li a.active {
 border: 3px solid #ff6600;
}
#main_visual {
 width: 100%;
 margin: 55px auto 5px auto;
 overflow: hidden;
}
#main_visual .bx-wrapper .bx-pager .bx-pager-item, #main_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
 display: inline-block;
 *zoom: 1;
 *display: inline;
}
#main_visual .bx-wrapper .bx-pager a {
 background: #ccc;
 text-indent: -9999px;
 display: block;
 width: 10px;
 height: 10px;
 margin: 0 5px;
 outline: 0;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
#main_visual .bx-wrapper .bx-pager a:hover, #main_visual .bx-wrapper .bx-pager a.active {
 background: #333;
}
.top_visual_ {
 overflow: hidden;
}
.top_visual_ .bx-wrapper {
 box-shadow: none;
 border: none;
 margin: 0;
}
#sp_center_slider_ {
 position: relative;
 left: 15vw; /* (100vw - SlideWidth) / 2 */ /* 20180210 変更 */
 overflow: visible !important;
}
#sp_center_slider_ li {
 width: 70vw !important;
 text-align: center;
}
#sp_center_slider_ li img {
	width:95%;
	height:auto;
 margin-left: auto;
 margin-right: auto;
}
.slide_trigger_left_ {
 cursor: pointer;
 float: left;
 width: 185px;
}
.top_visual_ {
 overflow: hidden;
 float: left;
 width: 100%;
 position: relative;
}
.slide_trigger_right_ {
 cursor: pointer;
 float: left;
 width: 190px;
}
.slide_trigger_bottom_ {
 clear: both;
 overflow: hidden;
 padding: 8px 0 8px 7px;
}
.slide_trigger_bottom_ > p, .slide_trigger_bottom_ > ul, .slide_trigger_bottom_ > ul > li {
 float: left;
}
.slide_trigger_bottom_ > ul > li {
 cursor: pointer;
 padding-left: 1px;
}
.top_visual_ > ul > li, .top_visual_ > div.slide_img_right_ > a {
 position: absolute;
 width: 630px;
 height: 270px;
 background-color: #fff;
 top: 0px;
 left: 0px;
}
.top_visual_ > ul > li.current {
 z-index: 0 !important;
}
.top_visual_ .slide_img_left_ > li {
 width: 630px;
 height: 270px;
 overflow: hidden;
 padding: 0;
}
.slide_img_left_ > li.slider_A1_ {
 background-color: #1b90b2;
}
.slide_img_left_ > li.slider_B1_ {
 background-color: #edb51d;
}
.slide_img_left_ > li.slider_NO_ {
 background-color: #74b132;
}
.slide_img_left_ > li.slider_Qu_ {
 background-color: #ababab;
}
.slide_img_left_ > li h2 {
 float: left;
}
.slide_img_left_ > li ul {
 overflow: hidden;
 float: right;
 width: 280px;
}
.slide_img_left_ > li.slider_Qu_ h2 {
 margin-bottom: 16px;
}
.slide_img_left_ > li.slider_Qu_ > ul {
 width: 625px;
 letter-spacing: -0.4em;
 text-align: center;
}
.slide_img_left_ > li.slider_Qu_ > ul li {
 letter-spacing: normal;
 display: inline-block;
 float: none;
 margin-left: 16px;
 border: 1px solid #dcdcdc;
}
.slide_img_left_ > li.slider_Qu_ > ul li dd {
 border-top: 1px solid #dcdcdc;
}
.slide_img_left_ > li.slider_Qu_ > ul li dd a:hover {
 background: rgba(255, 255, 255, 0);
 opacity: 1;
 filter: alpha(opacity=10);
 -ms-filter: "alpha(opacity=100)";
 -moz-opacity: 1;
 -khtml-opacity: 1;
}
.slide_img_left_ > li.slider_Qu_ > ul li:first-child {
 margin-left: 0;
}
.slide_img_left_ > li ul li {
 float: left;
 margin: 0;
 padding: 0;
 font-size: 0;
}
/*#quicklist_modal*/
#quicklist_modal {
 width: 800px;
 height: auto;
}
ul.quickline_ {
 padding-top: 10px;
}
ul.quickline_ li {
 padding: 0 0 10px 20px;
 margin: 0 20px 10px 10px;
 border-bottom: 1px dotted #dcdcdc;
 text-align: left;
 background: url(../img/usr/left_arrow.png) 10px 5px no-repeat;
}
ul.quickline_ li a {
 color: #003780;
 font-size: 14px;
 margin-right: 1em;
}
ul.quickline_ li .dm_ {
 color: #333;
 font-size: 12px;
}
/* コンテンツ */

.month_event {
 width: 96%;
 margin: 20px auto 0;
 text-align: center;
 font-size: 3vw;
}
.month_event h2{
	color:#333;
 text-align: center;
 margin-bottom: 10px;
 font-size: 4vw;
 font-weight: bold;
}
.month_event ul {
 overflow: hidden;
}
.month_event ul li {
 float: left;
 width: 22%;
 margin-right: 4%;
 margin-bottom: 5px;
 box-sizing: border-box;
 list-style: none;
}
.month_event ul li img{
height:auto;
}
.month_event ul li:nth-child(4n) {
 margin-right: 0;
}
#top_category {
 display: none;
}
#creditsale_link {
 width: 96%;
 margin: 0 auto 20px;
}
#top_item_banner {
 width: 96%;
 margin: auto;
}
#top_item_banner h2 {
	color:#333;
 font-size: 4vw;
 font-weight: bold;
 padding-bottom: 3px;
 margin-bottom: 15px;
 text-align: center;
 padding-top: 10px;
}
#top_item_banner .tib_left_list {
 overflow: hidden;
}
#top_item_banner .tib_left {
 float: left;
 width: 49%;
 margin-right: 2%;
 margin-bottom: 10px;
 text-align: center;
}
    #top_item_banner .tib_left img{
height:auto;
    }
#top_item_banner .tib_left:nth-child(2n) {
 margin-right: 0;
}
#top_item_banner p {
 text-align: center;
 font-size: 2.5vw;
}
.newLPbnr {
 width: 96%;
 margin: 50px auto;
}
.newLPbnr h2 {
 font-size: 4vw;
 padding-bottom: 5px;
 margin-bottom: 15px;
 text-align: center;
 font-weight: bold;
}
.newLPbnr .newLPbnr_midashi {
 position: relative;
}
.newLPbnr .newLPbnr_midashi a {
 display: block;
 color: #fff;
 background-color: #000;
 width: 20%;
 padding: 3px 10px;
 position: absolute;
 right: 0;
 top: 3px;
 font-size: 2vw;
 text-decoration: none;
}
.newLPbnr .newLPbnr_list {
 margin-bottom: 40px;
 display: flex;
 flex-wrap: wrap;
}
.newLPbnr .top_ninki_tag {
 overflow: hidden;
}
.newLPbnr .top_ninki_tag li {
 float: left;
}
.newLPbnr .top_ninki_tag li a {
 display: block;
 margin-right: 6px;
 border: 1px solid #dbdbdb;
 border-radius: 5px;
 padding: 5px 8px;
 line-height: 1.6;
 margin-bottom: 6px;
 font-size: 12px;
 background-color: #fff;
 color: #212121;
	text-decoration: none;
}
.newLPbnr .newLPbnr_content {
 width: 48%;
 margin-top: 15px;
 margin-right: 4%;
 margin-bottom: 25px;
}
.newLPbnr .newLPbnr_content:nth-child(2n) {
 margin-right: 0;
}
.newLPbnr .newLPbnr_content h3 {
 text-align: left;
 border-bottom: 1px solid #000;
 font-size: 3vw;
 padding-bottom: 3px;
 font-weight: bold;
}
.newLPbnr .newLPbnr_content h3 a {
 color: #000;
 text-decoration: none;
}
.newLPbnr .newLPbnr_content .newLPbnr_clear {
 margin-top: 5px;
}
.newLPbnr .newLPbnr_content .newLPbnr_clear .left {
 text-align: center;
}
.newLPbnr .newLPbnr_content .newLPbnr_clear .left img {
 width: 80%;
 height: auto;
}
.newLPbnr .newLPbnr_content .newLPbnr_clear .right {
 text-align: justify;
 text-justify: inter-ideograph;
 line-height: 1.3em;
 font-size: 2.5vw;
 margin-top: 5px;
}
.newLPbnr .newLPbnr_imglist {
 margin-bottom: 40px;
 display: flex;
 flex-wrap: wrap;
}
.newLPbnr .newLPbnr_imglist .newLPbnr_img {
 margin-top: 15px;
 width: 31%;
 height: auto;
 margin-right: 3.5%;
}
.newLPbnr .newLPbnr_imglist .newLPbnr_img:nth-child(3n) {
 margin-right: 0;
}
.newLPbnr .newLPbnr_imglist .newLPbnr_img h3 {
 font-size: 2.3vw;
 font-weight: bold;
 text-align: center;
 padding-bottom: 2px;
 margin-top: 8px;
}
.newLPbnr .newLPbnr_imglist .newLPbnr_img h3 a {
 color: #000;
 display: block;
 text-decoration: none;
}
.newLPbnr .newLPbnr_imglist .newLPbnr_img img {
 margin-top: 5px;
 width: 100%;
 height: auto;
}
.topiclist_ .ttll2 {
 text-align: left;
 font-size: 4vw;
 font-weight: bold;
 border-bottom: 2px solid #000;
 width: 96%;
 margin: 30px auto 5px auto;
}
.topiclist_ .ttll2 img {
 width: 20px;
 margin: 0 10px 4px;
}
h2.topic_title_ {
 margin-bottom: 20px;
 padding: 10px;
 font-size: 4vw;
 font-weight: bold;
 border-top: 2px solid #dcdcdc;
 border-bottom: 2px solid #dcdcdc;
}
div.topiclist_ .topiclist_head_ {
 margin-bottom: 13px;
 overflow: hidden;
}
div.topiclist_ .topiclist_head_ h2 {
 float: left;
 display: inline;
 font-size: 4vw;
 font-weight: bold;
}
div.topiclist_ .topiclist_head_ .rss_ {
 float: right;
 display: inline;
 text-align: right;
}
div.topiclist_ .topiclist_body_ {
 padding: 10px;
 border: 1px solid #e5e5e5;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 width: 96%;
 margin: 20px auto 50px;
}
div.topiclist_ ul.topicline_ {
 height: 233px;
 overflow: auto;
 padding: 10px 0;
}
div.topiclist_ ul.topicline_ li {
 padding-bottom: 10px;
 margin: 0 20px 10px 10px;
 border-bottom: 1px dotted #dcdcdc;
 font-size: 2.5vw;
}
div.topiclist_ ul.topicline_ li.img_ {
 padding: 5px 0;
 background: none;
}
div.topiclist_ ul.topicline_ li a {
 color: #333;
 display: inline-block;
 vertical-align: top;
 margin-top: 5px;
 display: inline;
}
div.topiclist_ ul.topicline_ li span {
 display: block;
}
div.topiclist_ ul.topicline_ li span img {
 margin-left: 10px;
 margin-top: -2px;
}
#all_item {
 display: none;
}
#all_hc_item {
 display: none;
}
.new_number {
 width: 96%;
 margin-bottom: 10px;
 margin: auto;
 padding-bottom: 10px;
}
.new_number img{
 height:auto;
}
.office_contact {
 width: 96%;
 margin: auto;
 text-align: center;
 margin-bottom: 20px;
}
.office_contact .job_contact_tittle {
        background-color: #2e76ff;
        color: #fff;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 3.2vw;
        margin-bottom: 2px;
        font-weight: bold;
}
.office_contact ul {
 overflow: hidden;
}
.office_contact ul li {
 float: left;
 width: 23.5%;
 margin-right: 2%;
 margin-bottom: 20px;
 font-size: 2.5vw;
}
.office_contact ul li:last-child {
 margin-right: 0;
}
.office_contact ul li img {
 width: 100%;
	height:auto;
}
#date_block_ {
 display: none;
}
#corona {
 text-align: center;
}
#corona a {
 color: red;
 font-size: 3vw;
 text-decoration: underline;
}
#corona a:visited {
 color: red;
}
/* フッター */
#footer .shingle {
 width: 96%;
 margin: 30px auto 40px;
}
#footer #footcategory .shingle p {
 font-size: 3.5vw;
 font-weight: bold;
 margin-bottom: 10px;
}
#footer #footcategory .shingle .clear ul li {
 line-height: 1.2em;
 font-size: 2vw;
 display: block;
 background-color: #fff;
 padding: 4px 6px 3px;
 margin-right: 6px;
 margin-bottom: 6px;
}
#footer #footcategory .shingle .clear ul li a {
 color: #333;
 text-decoration: none;
 display: block;
}
#footer #bottom .rightzero li a {
 font-size: 16px;
}
#footer #bottom .left {
 margin: auto;
 width: 100%;
 text-align: center;
 margin-bottom: 20px;
}
#footer #bottom .left .op_logo img {
 width: 45%;
 height: auto;
 margin-right: 5%;
}
#footer #bottom .left .pm_logo img {
 width: 15%;
 height: auto;
}
#footer #bottom .right {
 text-align: center;
}
#footer #bottom .right ul {
 text-align: center;
}
#footer #bottom .right ul li {
 font-size: 16px;
 color: #333;
}
#footer #bottom .right ul li a {
 color: #333;
 text-decoration: none;
}
#footer #bottom .right small {
 text-align: center;
 font-size: 10px;
 margin-bottom: 4px;
}
#sp_bottom_btn_wrap {
 position: fixed;
 width: 100%;
 bottom: 0;
 z-index: 100000;
 overflow: hidden;
 background-color: #fff;
}
#sp_bottom_btn_wrap p {
 display: block;
 float: left;
 width: 32.96%;
 margin-right: 0.56%;
}
#sp_bottom_btn_wrap p:last-child {
 margin-right: 0;
}
#sp_footcategory {
 width: 96%;
 margin: auto;
}
#sp_footcategory ul {
 overflow: hidden;
 padding: 0 4% 10px;
}
#sp_footcategory ul li {
 display: block;
 float: left;
 width: 49%;
 margin-bottom: 8px;
}
#sp_footcategory ul li:nth-child(2n) {
 float: right;
}
#sp_footcategory ul li a {
 color: #333;
 font-size: 2.5vw;
}
.wrapper_normalIcon {
 display: flex;
 flex-direction: column;
}
.wrapper_normalIcon h2 {
 font-size: 3.5vw;
 font-weight: bold;
 margin-bottom: 5px;
}
.wrapper_normalIcon summary {
 /* display: list-item;以外を指定してデフォルトの三角形アイコンを消します */
 display: block;
}
.wrapper_normalIcon summary::-webkit-details-marker {
 /* Safariで表示されるデフォルトの三角形アイコンを消します */
 display: none;
}
.wrapper_normalIcon .summary_inner {
 cursor: pointer;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 align-items: center;
 padding: 16px 2%;
 border-top: 1px solid #ccc;
 font-weight: bold;
 color: #333;
 font-size: 3vw;
}
.wrapper_normalIcon .icon {
 display: block;
 position: relative;
 width: 24px;
 margin-left: 6px;
 flex-shrink: 0;
 transform-origin: center 43%;
 transition: transform 0.4s;
}
.wrapper_normalIcon details:last-child {
 border-bottom: 1px solid #ccc;
}
/* アコーディオンが開いた時のスタイル */
.wrapper_normalIcon details[open] .icon {
 transform: rotate(180deg);
}
/* アイコンのバーのスタイル */
.wrapper_normalIcon .icon::before, .wrapper_normalIcon .icon::after {
 content: "";
 position: absolute;
 display: block;
 width: 15px;
 height: 3px;
 background-color: #000;
}
.wrapper_normalIcon .icon::before {
 left: 0;
 transform: rotate(45deg);
}
.wrapper_normalIcon .icon::after {
 right: 0;
 transform: rotate(-45deg);
}
/* --------------------------------------------------------------------
top2023.7
--------------------------------------------------------------------- */
#top_category2 {
 width: 96%;
 margin: auto;
}
#top_category2 h2 {
	color:#333;
 text-align: center;
 margin-bottom: 10px;
 font-size: 4vw;
 font-weight: bold;
}
#top_category2 h2:first-child {
 margin-top: 30px;
}
#top_category2 h3 {
	color:#333;
 text-align: center;
 margin-bottom: 5px;
 font-size: 3.5vw;
 font-weight: bold;
}

#top_category2 li img{
	border:1px solid #D0D0D0;
	border-radius:4px;
	border-top: transparent;
}
#top_category2 .top_category_clear2 {
 overflow: hidden;
}
#top_category2 .top_category_clear2 .left {
 float: left;
 overflow: hidden;
}
#top_category2 .top_category_clear2 ul {
 float: left;
 text-align: left;
 overflow: hidden;
 margin-bottom: 20px;
}
#top_category2 .top_category_clear2 ul li {
 float: left;
 width: 48.7%;
 text-align: center;
 margin-right: 2%;
}
#top_category2 .top_category_clear2 ul li:nth-child(2n) {
 margin-right: 0;
}
#top_category2 .top_category_clear2 ul li img {
 height: auto;
 width: 100%;
}
/* --------------------------------------------------------------------
creditsale_link
--------------------------------------------------------------------- */
#creditsale_link {
 margin: 20px auto;
}
#creditsale_link img {
       height:auto;
    }
/* --------------------------------------------------------------------
visumo
--------------------------------------------------------------------- */
#visumo_top {
 width: 96%;
 margin: auto;
}
.hacobune-layout-base-top-html .hcb-title{
	border-bottom: none !important;
	margin: 0 !important;
}
.hacobune-video-icon{
	display: none !important;
}
.hcb-more a{
	margin:0 !important;
}
.hacobune-top .hacobune-layout-base .hacobune-layout-base-main-contents ul.hacobune-tag-list {
        margin-bottom:0 !important;
}
.hacobune-top .hacobune-grid-row::-webkit-scrollbar {
	height: 10px;
}
/* --------------------------------------------------------------------
sns_tab
--------------------------------------------------------------------- */
#sns_tab {
 padding-bottom: 50px;
 width: 96%;
 margin: auto;
}
#sns_tab h2 {
 text-align: center;
 margin-bottom: 10px;
 font-size: 4vw;
 font-weight: bold;
 color: #333;
	        letter-spacing: 0.03em;
}
#sns_tab a {
 text-decoration: none;
}
#sns_tab .clear {
 clear: both;
 overflow: hidden;
}
#sns_tab .sns_nav {
 width: 100%;
 margin: 10px auto;
 overflow: hidden;
}
#sns_tab .sns_nav a {
 display: block;
 width: 49%;
 height: 30px;
 float: left;
 line-height: 30px;
 background-color: #a8aaab;
 color: #fff;
 font-size: 13px;
 text-align: center;
 font-weight: bold;
 margin-right: 2%;
}
#sns_tab .sns_nav a:nth-child(2n) {
 margin-right: 0;
}
#sns_tab .tabContainer {
 width: 100%;
 margin: 0 auto;
 overflow: hidden;
 text-align: center;
 position: relative;
}
#sns_tab .Tabcondent {
 width: 50%;
 height: 50%;
 color: #000;
 text-align: center;
 opacity: 0;
 border-radius: 32px;
 margin: 37px auto;
 transition: all ease-in-out 0.3s;
 display: none;
}
#sns_tab a.active {
 background-color: #2e76ff;
}
#sns_tab .Tabcondent.active {
 width: 100%;
 opacity: 1;
 border-radius: 0px;
 transition: all ease-in-out 0.3s;
 margin: 0 auto;
 display: block
}
#sns_tab #one .clear {
 overflow: hidden;
}
#sns_tab #one .clear .left {
 float: left;
 width: 65%;
}
#sns_tab #one .clear .left p {
 font-weight: bold;
 font-size: 3vw;
 margin-top: 30px;
 margin-bottom: 30px;
 line-height: 1.4em;
	text-align: left;
}
#sns_tab #one .clear .left a {
 color: #fff;
 background-color: #000;
 font-weight: bold;
 font-size: 2.5vw;
 display: block;
 width: 80%;
 padding: 10px 0;
}
#sns_tab #one .clear .left a img {
 width: 7%;
	height:auto;
 margin-right: 2%;
}
#sns_tab #one .clear .right {
 float: right;
 width: 35%;
}
#sns_tab #one .clear .right img {
 width: 100%;
}
#sns_tab #two ul {
 overflow: hidden;
}
#sns_tab #two ul li {
 float: left;
 width: 23.5%;
 margin-right: 2%;
 margin-bottom: 8px;
}
#sns_tab #two ul li img{
	height:auto;
}
#sns_tab #two ul li:nth-child(4n) {
 margin-right: 0;
}
/* --------------------------------------------------------------------
#popular_category
--------------------------------------------------------------------- */
#popular_category {
 width: 96%;
 margin: auto;
 text-align: center;
}
#popular_category h2 {
	color:#333;
 font-size: 4vw;
 font-weight: bold;
 padding-bottom: 3px;
 margin-bottom: 15px;
 text-align: center;
 padding-top: 30px;
	
}
#popular_category .all_category {
 overflow: hidden;
}
#popular_category .all_category h3 {
 color: #333;
 font-size: 3.5vw;
 margin:0 auto 6.6px;
	width: 70%;
}
#popular_category .all_category .category {
 float: left;
 width: 48.7%;
 text-align: center;
 margin-right: 2%;
}
#popular_category .all_category .category:nth-child(2n) {
 margin-right: 0;
}
#popular_category .all_category .category ul li {
 margin-bottom: 6.6px;
}
#popular_category .all_category .category ul li a {
 display: block;
}
#popular_category .all_category .category ul li img {
 width: 100%;
	height:auto;
	border:1px solid #D0D0D0;
	border-radius:4px;
	border-top: transparent;
}
#popular_category .all_category_link {
 text-decoration: none;
 font-size: 12px;
 line-height: 150%;
 letter-spacing: initial;
 margin: 10px auto 40px;
 display: inline-block;
 padding: 10px 20px;
 color: #333;
 border: 2px solid #dbdbdb;
}
#top_category3 {
 width: 96%;
 margin: auto;
 text-align: center;
}
#top_category3 h2 {
	color:#333;
 text-align: center;
 margin-bottom: 15px;
 font-size: 4vw;
 font-weight: bold;
 padding-top: 30px;
}
#top_category3 h3 {
	color:#333;
 text-align: center;
 margin-bottom: 5px;
 font-size: 3.5vw;
 font-weight: bold;
}

#top_category3 li img{
	border:1px solid #D0D0D0;
	border-radius:4px;
	border-top: transparent;
}
#top_category3 .all_category {
 overflow: hidden;
}
#top_category3 .all_category {
 float: left;
 overflow: hidden;
}
#top_category3 .all_category ul {
 float: left;
 text-align: left;
 overflow: hidden;
}
#top_category3 .all_category ul li {
 float: left;
 width: 48.7%;
 text-align: center;
 margin-right: 2%;
}
#top_category3 .all_category ul li:nth-child(2n) {
 margin-right: 0;
}
#top_category3 .all_category ul li img {
 height: auto;
 width: 100%;
}
#top_category3 .all_category_link {
 text-decoration: none;
 font-size: 12px;
 line-height: 150%;
 letter-spacing: initial;
 margin: 10px auto 40px;
 display: inline-block;
 padding: 10px 20px;
 color: #333;
 border: 2px solid #dbdbdb;
}
/*--------------------------------------------------
#top_category3
---------------------------------------------*/
#top_category4 {
 width: 96%;
 margin: auto;
 text-align: center;
}
#top_category4 li img{
	border:1px solid #D0D0D0;
	border-radius:4px;
}
#top_category4 .top_category_clear4 {
 overflow: hidden;
}
#top_category4 .top_category_clear4 {
 float: left;
 overflow: hidden;
}
#top_category4 .top_category_clear4 ul {
 float: left;
 text-align: left;
 overflow: hidden;
 margin-top: 30px;
}
#top_category4 .top_category_clear4 ul li {
 float: left;
 width: 48.7%;
 text-align: center;
 margin-right: 2%;
}
#top_category4 .top_category_clear4 ul li:nth-child(2n) {
 margin-right: 0;
}
#top_category4 .top_category_clear4 ul li img {
 height: auto;
 width: 100%;
}
#top_category4 .top_category_clear4_link {
 text-decoration: none;
 font-size: 12px;
 line-height: 150%;
 letter-spacing: initial;
 margin: 10px auto 40px;
 display: inline-block;
 padding: 10px 20px;
 color: #333;
 border: 2px solid #dbdbdb;
}