/* ----------------------------------------- */ /* ビュー スラッグ: archive_news_pc - 開始 */ /* ----------------------------------------- */ .form-check{ display: inline-block; } @media(max-width: 767px){ .form-check{ padding-left:0; } } .topics_select{ padding: 15px 0 40px !important; line-height: 2 !important; font-weight: 700; text-align: center; } label.active { background-color: #ebebeb !important; } .topics_select, btn{ font-size:16px; text-align: left; background-color: #fff; border-bottom: 1px solid #888888; } .topics_select .radio{display: inline-block;} .topics_select input[type="radio"] { display: none; } .topics_select .btn{ font-size:15px; font-weight: 700; background-color: transparent; margin: 2px 15px; border-radius:0; padding: 0; line-height: 1; } .topics_select .btn:hover { color: #666; cursor: pointer; } .topics_select input[type="radio"]:checked .radio { color: #222; } .topics_select label { font-size:120%; color: #999; text-align: center; display: inline-block; margin: 2px 25px; } .topics_select label:nth-child(2){ margin-left: 0; } .topics_select label:hover { color: #666; cursor: pointer; } input[type=radio]:checked + label { color: #222; } .on .btn{ color: #999; } input[type=radio]:checked + label{ position:relative; } input[type=radio]:checked + label::after { content: ''; height: 3px; background: -moz-linear-gradient(left, #7515FD, #8318E4 15%, #A722A6 40%, #E03244 80%, #FE3A12); background: -webkit-linear-gradient(left, #7515FD, #8318E4 15%, #A722A6 40%, #E03244 80%, #FE3A12); background: linear-gradient(to right, #7515FD, #8318E4 15%, #A722A6 40%, #E03244 80%, #FE3A12); display: block; position: absolute; left: 0; right:0; top: 40px; margin: auto; width: 55px; } #topics{ padding: 0 10px; } #topics hr{ margin-top: 40px; margin-bottom: 0px; border-top: 1px solid #888888; } #topics .col-md-4{ padding:0 35px 0px; margin-top: 35px; margin-bottom: 35px; } #topics .col-md-4:nth-child(1){ border-right: 1px solid #888; } #topics .col-md-4:nth-child(2){ border-right: 1px solid #888; } #topics.row:nth-child(3) .topics_section::after{ display: none; } .topics_pagination .pagination{ justify-content: center; margin-top:50px; } .topics_pagination .page-link, .topics_pagination .page-link:first-child{ border-radius:50%; margin: 0 5px; } .topics_pagination .page-item.active .page-link{ background: -moz-linear-gradient(right, #7515FD, #8318E4 15%, #A722A6 40%, #E03244 80%, #FE3A12); background: -webkit-linear-gradient(right, #7515FD, #8318E4 15%, #A722A6 40%, #E03244 80%, #FE3A12); background: linear-gradient(to left, #7515FD, #8318E4 15%, #A722A6 40%, #E03244 80%, #FE3A12); font-size: 19px; font-family: 'Lato', sans-serif; font-weight:700; line-height: 1em; border: none; } .topics_pagination .page-link{ font-size: 18px; font-family: 'Lato', sans-serif; font-weight:700; line-height: 1em; color: #999999; padding: .5em .7em; border: 1px solid #999999; } .topics_pagination .wpv_page_ellipsis{ font-size: 20px; color: #999; } /* ----------------------------------------- */ /* ビュー スラッグ: archive_news_pc - 終了 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* ビュー スラッグ: archive_news_mobile - 開始 */ /* ----------------------------------------- */ .topics_select_mobile{ padding: 0 20px } .topics_select_mobile select { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 0px; padding: 10px 50px 10px 10px; font-size: 16px; color: #222; line-height: 1.1em; border-radius: 0px; border: none; background-color: #fff; background-image: url(/wp-content/uploads/menu-arrow_down.svg); background-repeat: no-repeat; background-size: 20px 20px; background-position: right 10px center; border: 1px solid #E8E8E8; border-radius: 0; } #topics_mobile{ padding: 0 35px; } #topics_mobile .col-md-12{ padding:0px; margin: 0; border-bottom: 1px solid #888888; } .topics_pagination .pagination{ justify-content: center; margin-top:50px; } .topics_pagination .pagination li{ height:3rem; width:3rem; position: relative; margin: 0 5px; } .topics_pagination .page-link,.topics_pagination:first-child .page-link,.topics_pagination:last-child .page-link{ font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 3rem; color: #999999; padding: 0; border: 1px solid #999999; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto !important; text-align: center; border-radius: 50%; padding-left: .1rem; } .topics_pagination .page-item.active .page-link{ background: -moz-linear-gradient(right, #7515FD, #8318E4 15%, #A722A6 40%, #E03244 80%, #FE3A12); background: -webkit-linear-gradient(right, #7515FD, #8318E4 15%, #A722A6 40%, #E03244 80%, #FE3A12); background: linear-gradient(to left, #7515FD, #8318E4 15%, #A722A6 40%, #E03244 80%, #FE3A12); border: none; color: #fff; font-size:19px; line-height:3rem; } .topics_pagination .pagination li.disabled{ text-align: center; width: 2rem; margin:0; } .topics_pagination .wpv_page_ellipsis{ font-size: 20px; color: #999; } /* ----------------------------------------- */ /* ビュー スラッグ: archive_news_mobile - 終了 */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: archive_pc - 開始 */ /* ----------------------------------------- */ .topics_section{ position:relative; } .topics_section::after{ content: ''; border-bottom: 1px solid #888; position: absolute; bottom: -35px; width: 100%; } .topics_img{ width: 100%; overflow: hidden; } .topics_img img{ width:100%; transition-duration: 0.5s; /*変化に掛かる時間*/ height:auto; } .linkbox:hover img{ transform: scale(1.1); /*画像の拡大率*/ } .topics_info{ padding: 25px 0 0; margin-bottom:-40px; } .topics_info .title{ color:#222222; margin-bottom:0; } .topics_info .date{ font-size:80%; font-family: 'Lato'; letter-spacing: .1em; color:#666; } /* ----------------------------------------- */ /* Content Template: archive_pc - 終了 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: topics_cat_mobile - 開始 */ /* ----------------------------------------- */ .topics_cat_mobile{ font-size:90%; color:#222; border: 1px solid #222; display: inline-block; padding:2px 10px; margin-left: 10px; margin-bottom:10px; } .topics_cat_mobile:first-child{ margin-left:0px; } /* ----------------------------------------- */ /* Content Template: topics_cat_mobile - 終了 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: archive_news_mobile - 開始 */ /* ----------------------------------------- */ .topics_section_mobile{ position:relative; } .topics_info_mobile{ padding:25px 0; margin-bottom:0px; } .topics_info_mobile .title{ color:#222222; margin-bottom:0; line-height: 1.8; } .topics_info_mobile .date_mobile{ font-family: 'Lato'; font-size:90%; letter-spacing: .1em; margin-bottom:13px; color:#666; } /* ----------------------------------------- */ /* Content Template: archive_news_mobile - 終了 */ /* ----------------------------------------- */