.anchor_link_a_1:hover, .anchor_link_a_2:hover, .anchor_link_a_3:hover, .anchor_link_a_4:hover, .anchor_link_a_5:hover, .anchor_link_a_6:hover, .anchor_link_a_7:hover, .anchor_link_a_8:hover, .anchor_link_a_9:hover, .anchor_link_a_10:hover, .anchor_link_a_11:hover, .anchor_link_a_12:hover, .anchor_link_a_13:hover, .anchor_link_a_14:hover, .anchor_link_a_15:hover, .anchor_link_a_16:hover, .anchor_link_a_17:hover, .anchor_link_a_18:hover, .anchor_link_a_19:hover, .anchor_link_a_20:hover, .anchor_link_a_21:hover, .anchor_link_a_22:hover, .anchor_link_a_23:hover, .anchor_link_a_24:hover, .anchor_link_a_25:hover, .anchor_link_a_26:hover, .anchor_link_a_27:hover, .anchor_link_a_28:hover, .anchor_link_a_29:hover, .anchor_link_a_30:hover,
.anchor_link_a_31:hover{
    color: #007784;
    
  }
.anchor_link_1:hover, .anchor_link_2:hover, .anchor_link_3:hover, .anchor_link_4:hover, .anchor_link_5:hover, .anchor_link_6:hover, .anchor_link_7:hover, .anchor_link_8:hover, .anchor_link_9:hover, .anchor_link_10:hover, .anchor_link_11:hover, .anchor_link_12:hover, .anchor_link_13:hover, .anchor_link_14:hover, .anchor_link_15:hover, .anchor_link_16:hover, .anchor_link_17:hover, .anchor_link_18:hover, .anchor_link_19:hover, .anchor_link_20:hover, .anchor_link_21:hover, .anchor_link_22:hover, .anchor_link_23:hover, .anchor_link_24:hover, .anchor_link_25:hover, .anchor_link_26:hover, .anchor_link_27:hover, .anchor_link_28:hover, .anchor_link_29:hover, .anchor_link_30:hover {
border-bottom-color:#007784;

    }

.table-wrap {
  overflow-x: scroll;
}


.footer-copy {
font-size:0!important;
}
.footer-copy:before {
font-size:14px;
content:'© 2024 ぬこ新聞.';
}

.img_margin_top_34 {
    margin-top: -34px;
  }
  .bold_text {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
  }

.front-loop{
	background-color:#031731!important;
}
#front-contents-1{
	background-color:#031731!important;
}
#front-service{
	background-color:#031731!important;	
}
.fa-flag:before,
.fa-clock-o:before{
	display:none;
}
#header-fnav-area,
#header-fnav-btn a{
background: #01A88D;	
}




/* --------------------------------------------
codoc paywall 背景色やボタン色を変更するサンプル
----------------------------------------------*/

.codoc-bottom{
	background:#161E2D !important;
}

.codoc-subscription-articlelist-login{
	background: #01A88D!important;
}
.codoc-entry .codoc-btn:hover {
	color: #fff!important;
	background: #01856F!important;
}

.codoc-entry .codoc-btn:before{
	background: #01A88D!important;
}
.codoc-subscription-list > li{
	background: #161E2D!important;
}
  /* ペイウォール用スタイル */
  .codoc-more-title, .codoc-more-text, .codoc-more-image {
    color: #808080!important;
    font-size: 14px!important;
  }
  .codoc-more span strong {
    margin-left: 2px;
    font-size: 14px;
  }
  .codoc-entry .codoc-btn {
    background: #01A88D !important;
    border-radius: 0 !important;
    color: #fff!important;
    font-size: 18px!important;
    font-weight: 100!important;
    border: solid 1px #01A88D!important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 400px!important;
  }
  .noentry {
    display: none;
  }
  .link-section {
    padding-left: 45px;
  }
  .modal-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
	padding: 12px 140px;
  }
  .modal-footer{
    display: flex;
    justify-content: center;
  }
  /*スクロールバー非表示（Chrome・Safari）*/
  .modal-container::-webkit-scrollbar {
    display: none;
  }
  .codoc-entry .codoc-btn:hover {
    background: #006570 !important;
  }
  .codoc_customization_2 {
    margin-top: 100px!important;
  }
  .codoc-continue::after, .codoc-continue::before {
    background: #ddd !important;
    /* 「この続きを見るには」の左右のボダー色を指定 */
  }
  .codoc-continue {
    color: #ddd !important;
    /* 「この続きを見るには」のテキスト色を指定 */
    font-size: 18px!important;
    font-weight: bold!important;
    color: #fff!important;
  }
  /* サブスクリプションのリスト用スタイル */
  .codoc-subscription-list .codoc-btn {
    background: #01A88D !important;
    font-size: 18px!important;
    font-weight: 500!important;
    width: 400px!important;
  }
  .wp-block-codoc-codoc-block .codoc-subscription-list .codoc-btn:hover {
    background: #01A88D !important;
    /* ボタンのホバー時の背景色を指定 */
  }
  .codoc-subscription-price {
    color: #01A88D !important;
    /* 価格の文字色を指定 */
  }
  .codoc-subscription-articlelist a {
    color: #01A88D !important;
    /* リンク色を指定 */
  }
  .codoc-subscription-articlelist a:before {
    border-left: 4px solid #fff !important;
    /* ボーダー色を指定 */
  }
  .codoc-subscription-list li {
    border-radius: 0 !important;
    /* 角丸を無くす */
  }
  /* サポートボタン用スタイル */
  .codoc-entry .codoc-support .codoc-btn {
    color: #fff !important;
    font-size: 18px!important;
    font-weight: 500!important;
    background: #01A88D !important;
    height: 40px !important;
    width: 400px!important;
  }
  .codoc-entry .codoc-support .codoc-btn:hover {
    color: #fff !important;
    background: #01A88D !important;
  }
  .codoc-support {
    background: #161E2D !important;
    border: solid 1px #ddd!important;
  }
  .codoc-support .codoc-support-title {
    text-align: center;
    margin-bottom: 16px;
    font-size: 14px!important;
    font-weight: 100!important;
    color: #fff!important;
  }
  .codoc-copyright {
    color: #808080!important;
  }
  .codoc-copyright-powered-by:before {
    background: #808080!important;
  }
  /* サポートモーダルウィンドウ ボタン用スタイル */
  .modal-container .codoc-btn-buy-bg {
    color: #fff !important;
    background: #01A88D !important;
    border: none!important;
    border-radius: 0 !important;
  }
  .modal-container .codoc-btn-buy-bg:hover {
    background: #006570 !important;
    border: none !important;
  }
  .codoc-support-modal-price a {
    border: 1px solid #01A88D !important;
    color: #01A88D !important;
    border-radius: 0!important;
  }
  .codoc-support-modal-price a:hover {
    background: #fff !important;
    /* 金額指定ホバー時の背景色を指定 */
  }
  .modal-thx-price {}
  .codoc-support-modal-body, .codoc-support-modal-body-thx {
    width: 400px!important;
  }
  .dli-plus {
    display: inline-block;
    vertical-align: middle;
    color: #01A88D;
    line-height: 1;
    width: 1em;
    height: 0.1em;
    background: currentColor;
    border-radius: 0.1em;
    position: relative;
    top: 23px;
  }
  .dli-plus::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    transform: rotate(90deg);
  }
  @import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,cyrillic);
  .fa-add:before, .fa-plus:before {
    color: #01A88D;
  }
  .fabs {
    bottom: 0;
    position: fixed;
    margin: 1em;
    right: 0;
    width: 61px;
    margin-right: 41px;
    margin-bottom: 110px;
  }
  .fab {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    text-align: center;
    color: white;
    margin: 20px auto 0;
    box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    position: relative;
  }
  .fab>i {
    font-size: 28px;
    line-height: 60px;
    transition: all .2s ease-in-out;
    transition-delay: 2s;
  }
  .fab.Share {
    background: #D6E4FD;
  }
  .fab.red {
    background: #F44336;
  }
  .fab.pink {
    background: #E91E63;
  }
  .fab.purple {
    background: #9C27B0;
  }
  .fab.deep-purple {
    background: #673AB7;
  }
  .fab.indigo {
    background: #3F51B5;
  }
  .fab.blue {
    background: #2196F3;
  }
  .fab.light-blue {
    background: #03A9F4;
  }
  .fab.cyan {
    background: #00BCD4;
  }
  .fab.teal {
    background: #009688;
  }
  .fab.green {
    background: #4CAF50;
  }
  .fab.light-green {
    background: #8BC34A;
  }
  .fab.lime {
    background: #CDDC39;
  }
  .fab.yellow {
    background: #FFEB3B;
  }
  .fab.amber {
    background: #FFC107;
  }
  .fab.green {
    background: #00B900;
  }
  .fab.deep-green {
    background: #FF5722;
  }
  .fab.brown {
    background: #795548;
  }
  .fab.grey {
    background: #9E9E9E;
  }
  .fab.blue-grey {
    background: #607D8B;
  }
  .fab:active, .fab:focus, .fab:hover {
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
  }
  .fab:not(:last-child) {
    width: 36px;
    height: 36px;
    margin: 20px auto 0;
    opacity: 0;
  }
  .fab:not(:last-child)>i {
    font-size: 18px;
    line-height: 40px;
    transition: all .3s ease-in-out;
  }
  .fabs:hover .fab:not(:last-child) {
    opacity: 1;
    width: 40px;
    height: 40px;
    margin: 15px auto 0;
  }
  .fab:nth-last-child(1) {
    -webkit-transition-delay: 25ms;
    transition-delay: 25ms;
  }
  .fab:not(:last-child):nth-last-child(2) {
    -webkit-transition-delay: 20ms;
    transition-delay: 20ms;
  }
  .fab:not(:last-child):nth-last-child(3) {
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms;
  }
  .fab:not(:last-child):nth-last-child(4) {
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms;
  }
  .fab:not(:last-child):nth-last-child(5) {
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms;
  }
  [tooltip]:before {
    font-family: 'Roboto';
    font-weight: 600;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.5);
    color: #808080;
    content: attr(tooltip);
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    padding: 5px 7px;
    margin-right: 10px;
    position: absolute;
    right: 100%;
    bottom: 5%;
    white-space: nowrap;
  }
  [tooltip]:hover:before, [tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
  }
  .fab {
    text-decoration: none!important;
  }



.language-json,
.token.property{
color:#01A88D!important;
}

.token.string{
color:#7AA116!important;	
}
:root {
    --hcb--c: #f9f9f6;
    --hcb--bgc: #232F3E!important;
    --hcb--data-label--c: #fff;
    --hcb--data-label--bgc: #fff;
    --hcb--line-numbers--c: #a3a3a3;
    --hcb--highlight-color: #fffaf51a;
    --hcb--file-icon: url(../../assets/img/file-icon-dark.svg);
    --hcb--scbar-track--bgc: #ffffff1a;
    --hcb--scbar-thumb--bgc: #fff3
}



.title_h5 {
    margin-top: 0px;
    height: 30px;
  }
  .grid_container_h5 {
    display: grid;
    grid-template-columns: 4% 0% 95%;
  }

#modal_icon{
margin-left: 5px;	
}
.modal-open, .modal-open_3, .modal-open_4, .modal-open_5, .modal-open_6, .modal-open_7, .modal-open_8, .modal-open_9, .modal-open_10, .modal-open_11, .modal-open_12 {
    font-weight: bold;
    color: #01A88D;
    cursor: pointer;
  }
  /*モーダル本体の指定 + モーダル外側の背景の指定*/
  .modal-container_2, .modal-container_3, .modal-container_4, .modal-container_5, .modal-container_6, .modal-container_7, .modal-container_8, .modal-container_9, .modal-container_10, .modal-container_11, .modal-container_12 {
    position: fixed;
	margin-top: 0px;
    top: 0;
    left: 0;
    width: 100%;
    height: 105%;
    text-align: center;
    background: rgba(0, 0, 0, 50%);
    padding: 40px 0px;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    box-sizing: border-box;
  }
  /*モーダル本体の擬似要素の指定*/
  .modal-container_2:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .modal-container_3:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .modal-container_4:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .modal-container_5:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .modal-container_6:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .modal-container_7:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .modal-container_8:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .modal-container_9:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .modal-container_10:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .modal-container_11:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .modal-container_12:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  /*モーダル本体に「active」クラス付与した時のスタイル*/
  .modal-container_2.active {
    opacity: 1;
    visibility: visible;
    z-index: 100;
  }
  .modal-container_3.active {
    opacity: 1;
    visibility: visible;
    z-index: 100;
  }
  .modal-container_4.active {
    opacity: 1;
    visibility: visible;
    z-index: 100;
  }
  .modal-container_5.active {
    opacity: 1;
    visibility: visible;
    z-index: 100;
  }
  .modal-container_6.active {
    opacity: 1;
    visibility: visible;
    z-index: 100;
  }
  .modal-container_7.active {
    opacity: 1;
    visibility: visible;
    z-index: 100;
  }
  .modal-container_8.active {
    opacity: 1;
    visibility: visible;
    z-index: 100;
  }
  .modal-container_9.active {
    opacity: 1;
    visibility: visible;
    z-index: 100;
  }
  .modal-container_10.active {
    opacity: 1;
    visibility: visible;
    z-index: 100;
  }
  .modal-container_11.active {
    opacity: 1;
    visibility: visible;
    z-index: 100;
  }
  .modal-container_12.active {
    opacity: 1;
    visibility: visible;
    z-index: 100;
  }
  /*モーダル枠の指定*/
  .modal-body {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 500px;
    width: 90%;
  }
  /*モーダルを閉じるボタンの指定*/
  .modal-close, .modal-close_3, .modal-close_4, .modal-close_5, .modal-close_6, .modal-close_7, .modal-close_8, .modal-close_9, .modal-close_10, .modal-close_11, .modal-close_12 {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -40px;
    right: -450px;
    width: 500px;
    height: 50px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
  }
  /*モーダル内のコンテンツの指定*/
  .modal-content {
    background: #fff;
    text-align: left;
    padding: 15px;
	margin-top: -500px;
    margin-left: 250px;
    margin-right: 250px;
  }
 
code {
    font-family: "Noto Sans JP", sans-serif!important;
    font-size: 14px!important;
    overflow-x: scroll;
}
.p_category{
font-size: 18px;
font-weight: bold;
}
.gray_list li {
	color: #fff;
}
.gray_list span {
	color: #fff;
}
.gray_list {
	padding-left: 20px!important;
}
.btn,
a.btn,
button.btn {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 0.5rem;
}

a.btn-svg {
    font-weight: 500;
    line-height: 54px;
    width: 204px;
    height: 54px;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
    background-color: transparent;
    /* text-align: center; */
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

a.btn-svg svg {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
}

a.btn-svg svg rect {
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;

  stroke: #fff;
  stroke-width: 2;
  stroke-dasharray: 200px, 16px;
  stroke-dashoffset: 70px;
}

a.btn-svg:hover svg rect {
  stroke-dashoffset: 284px;
}

a.btn-svg span {
  color: #fff;
}
.bold_text_2{
margin-top: 11px;
font-weight: 600;
}
.slick-num .inner {
	display: inline-block;
	padding: 10px 15px;
	color: #01A88D;
	font-weight: bold;
	font-size: 26px;
	font-family: "Raleway"!important;
	margin-top:-5px;
}
.nowcnt, .nowcnt_2, .nowcnt_2_2,.nowcnt_3,.nowcnt_3_2, .allcnt {
	font-family: "Raleway"!important;
}
.slick-num_2 .inner {
	display: inline-block;
	padding: 10px 15px;
	color: #01A88D;;
	font-weight: bold;
	font-size: 26px;
	font-family: "Raleway"!important;
	margin-top: 0px;
}
.slick-num_2_2 .inner {
	display: inline-block;
	padding: 10px 15px;
	color: #01A88D;
	font-weight: bold;
	font-size: 26px;
	font-family: "Raleway"!important;
	margin-top: 26px;
}
.slick-num_3 .inner {
	display: inline-block;
	padding: 10px 15px;
	color: #01A88D;
	font-weight: bold;
	font-size: 26px;
	font-family: "Raleway"!important;
	margin-top: 11px;
}
.slick-num_3_2 .inner {
	display: inline-block;
	padding: 10px 15px;
	color: #01A88D;
	font-weight: bold;
	font-size: 26px;
	font-family: "Raleway"!important;
	margin-top: 31px;
}
.slick-arrow:before {
	content: ""!important;
	width: 100%!important;
	height: 100%!important;
	position: absolute;
	top: 0;
	left: 0;
}
.slick-prev:before {
	background: url(/wp-content/uploads/2024/02/arrows_circle_right.svg)!important;
	background-size: contain!important;
}
.slick-next:before {
	background: url(/wp-content/uploads/2024/02/arrows_circle_left.svg)!important;
	background-size: contain!important;
}
.slick-arrow {
	z-index: 2!important;
	width: 60px!important;
	height: 60px!important;
}
.slick-next {
	right: -30px!important;
}
.slick-prev {
	left: -30px!important;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: 1!important;
}
.slick-prev:before, .slick-next:before {
	opacity: 1!important;
}
.slick-num,.slick-num_2,.slick-num_2_2,.slick-num_3,.slick-num_3_2 {
	text-align: center;
}
.slick-slide {
    box-shadow: 7px 7px 7px 0px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px 25px 0px 25px!important;
	width:370px;
}

.slick-track {
	display: flex!important;
}
.slick-slide {
	height: auto !important;
	padding: 20px;
	background-color: #f7f7f7;
}
.slick-slide:first-child {
	margin-right: 17px;
	margin-left: 0px;
	margin-bottom: 10px
}
.slick-slide:last-child {
	margin-right: 0px;
	margin-left: 17px;
	margin-bottom: 10px
}
.slick-slide:not(:first-of-type):not(:last-of-type) {
	margin-right: 17px;
	margin-left: 17px;
	margin-bottom: 10px
}
.slick-box,
.slick-box_2,
.slick-box_2_2,
.slick-box_3,
.slick-box_3_2 {
	padding: 0px 20px;
}
.point_text {
	color: #01A88D;
	text-align: center;
	font-size: 10px;
	margin-bottom: -5px!important;
}
.point_number {
	color: #01A88D;
	text-align: center;
	font-size: 26px;
	margin-bottom: 20px!important;
}
.slick_text {
	font-size: 18px;
	text-align: center;
	padding: 0px 20px;
}
.slick-next:before {
	margin: 151px 0px 0px -230px!important;
}
.slick-prev:before {
	margin: 151px 0px 0px 230px!important;
}
.slick_next_prev>.slick-prev:before {
	margin: 401px 0px 0px 400px!important;
}


.wrap-a:hover{
background-color: #232F3E!important;
}


.img_center_2 {
display: block;
margin: auto;
}
.wrap-a,
.front-loop{
background-color: #161E2D;
}
#recent_post_content,
#popular_post_content,
#post-1,
#post-7,
#post-8,
#post-96,
#post-193,
#post-201,
#post-219,
#post-244,
#post-245,
#post-246,
#post-262,
#post-265,
#post-272,
#post-283,
#post-290,
#post-305,
#post-314,
#post-322,
#post-328,
#post-343,
#post-358,
#post-377,
#post-381,
#post-388,
#post-398,
#post-405,
#post-426,
#post-434,
#post-446,
#post-450,
#post-454,
#post-460,
#post-486,
#post-474,
#post-490,
#post-498,
#post-509,
#post-516,
#post-523,
#post-531,
#post-538,
#post-541,
#post-565,
#post-571,
#post-586,
#post-601,
#post-608,
#post-613,
#post-619,
#post-643,
#post-650,
#post-660,
#post-665,
#post-672,
#post-750,
#post-753,
#post-757,
#post-765,
#post-778,
#post-780,
#post-785,
#post-744,
#post-792,
#post-798,
#post-807,
#post-813,
#post-819,
#post-827,
#post-831,
#post-834,
#post-839,
{
 background-color: #161E2D;
}
.p_category{
 background-color: #01A88D!important;
}

#header {
background-color: rgba(0,0,0,0.5);		
}
.breadcrumb-area{
background-color: #000;	
}
a {
text-decoration: none;
color: #01A88D;
}
.bzb-sns-btn {
display: none;
}

body{
font-family: "Noto Sans JP", sans-serif!important;
background:#161E2D;
color: #fff;
font-size:18px;
}
.post-header,.post-meta-area,.post-content,.post-footer,.post-author,#comment{
background:#161E2D;
color: #fff;
}
.post-content,
.post-meta-area,
.post-footer
{
margin: 0px -45px;
}
.cat-content,
article.post,
article.page {
border:none;
}
.post-header{
margin: -1px -45px 0px -45px;
text-align:center;
border-bottom:none;
background-color:
}
.post-meta-area{
	display:none;
}
h1.post-title::before {
content: '';
position: absolute;
bottom: -3px;
display: inline-block;
width: 60px;
height: 5px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #01A88D;
border-radius: 1px;
}
.post-title {
font-size: 40px;
}
.post-header .cat-name span{
display:none;
} 

.filter {
  position: absolute;
  left: -9999px;
}

.burger {
  display: flex;
  flex-direction: column;

  padding: 30px;
}


.labels {
  margin-left: 5px;
}

.label {
  color: #ccc;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 28px;
  line-height: 50px;
  padding: 15px 0;
  -webkit-tap-highlight-color: transparent;
  transition: color 800ms;
}

.label.active {
  color: white;
}


.c-button {
 color: #000;
 font-weight: 700;
 font-size: 16px;
 text-decoration: none;
 padding: 0.9em 1.6em;
 cursor: pointer;
 display: inline-block;
 vertical-align: middle;
 position: relative;
 z-index: 1;
}

.c-button--gooey {
 color: #06c8d9;
 text-transform: uppercase;
 letter-spacing: 2px;
 border: 4px solid #06c8d9;
 border-radius: 0;
 position: relative;
 transition: all 700ms ease;
}

.c-button--gooey .c-button__blobs {
 height: 100%;
 filter: url(#goo);
 overflow: hidden;
 position: absolute;
 top: 0;
 left: 0;
 bottom: -3px;
 right: -1px;
 z-index: -1;
}

.c-button--gooey .c-button__blobs div {
 background-color: #06c8d9;
 width: 34%;
 height: 100%;
 border-radius: 100%;
 position: absolute;
 transform: scale(1.4) translateY(125%) translateZ(0);
 transition: all 700ms ease;
}

.c-button--gooey .c-button__blobs div:nth-child(1) {
 left: -5%;
}

.c-button--gooey .c-button__blobs div:nth-child(2) {
 left: 30%;
 transition-delay: 60ms;
}

.c-button--gooey .c-button__blobs div:nth-child(3) {
 left: 66%;
 transition-delay: 25ms;
}

.c-button--gooey:hover {
 color: #fff;
}

.c-button--gooey:hover .c-button__blobs div {
 transform: scale(1.4) translateY(0) translateZ(0);
}

.answer_box{
	text-align:center;
}

.accordion {
  margin: 0 auto;
}
.accordion__item_2 {
	border: 1px solid #ccc;
	margin-top: 10px;
}
	
/* アコーディオン */


.accordion__item {
  
  
  cursor: pointer;
	
}

/* アコーディオンのタイトル */
.accordion__title {
  position: relative;
  padding: 30px 60px 30px 20px;
  
	font-size:18px;
  cursor: pointer;
}
.accordion__title{
	z-index:0;
}
/* (+)アイコン */
.accordion__title::before,
.accordion__title::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-color: #01A88D;
  width: 20px;
  height: 2px;
  transition: all 0.3s;
	border-radius:2px;
}

.accordion__title::after {
  transform: rotate(90deg);
}

/* アコーディオンのコンテンツ */
.accordion__content {
  padding: 0px 30px 15px 20px;
  display: none;
  cursor: pointer;
}

.accordion__content.is-open {
  display: block;
}

/* アコーディオン展開時の(-)アイコン */
.accordion__item.is-active .accordion__title::before {
  transform: rotate(180deg);
}

.accordion__item.is-active .accordion__title::after {
  transform: rotate(180deg);
  opacity: 0;
}
.transparent {
    color: #FFF3C2;
    display: none;
  }


.title_1 {
    text-align: center;
    width: 100%;
    margin-top: 112px;
    margin-bottom: 56px;
    font-size: 22px;
    line-height: 40px;
    letter-spacing: 1.44px;
    display: flex;
    align-items: center;
font-weight: bold;
padding-top: 130px;
}
.title_1:before {
    display: block;
    flex-shrink: 0;
    flex-grow: 1;
    width: 96px;
    margin-right: 25px;
    height: 1px;
    content: '';
    background: #01A88D;
}
.title_1:after {
    display: block;
    flex-shrink: 0;
    flex-grow: 1;
    width: 96px;
    margin-left: 25px;
    height: 1px;
    content: '';
    background: #01A88D;
}
.color_text{
	color:#01A88D;
	font-weight:600;
}

.modal-content_2{
pointer-events: none;
}
/*モーダルを開くボタン*/

/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background: rgba(0,0,0,50%);
padding: 40px 20px;
overflow: auto;
opacity: 0;
visibility: hidden;
transition: .3s;
box-sizing: border-box;
z-index: 100;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
opacity: 1;
visibility: visible;
}
/*モーダル枠の指定*/
.modal-body{
position: relative;
display: inline-block;
vertical-align: middle;
max-width: 500px;
width: 90%;
}
/*モーダルを閉じるボタンの指定*/
.modal-close{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: -40px;
right: -165px;
width: 40px;
height: 40px;
font-size: 40px;
color: #fff;
cursor: pointer;
}
/*モーダル内のコンテンツの指定*/
.modal-content{
background: #232F3E;
text-align: left;
padding: 30px;
margin: 0px -125px 0px -125px;
z-index:10000!important;
}
.modal_title{
font-size:20px;
border-left: 4px solid #01A88D;
padding-left: 10px;
}

.modal-container_2{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background: rgba(0,0,0,50%);
padding: 40px 20px;
overflow: auto;
opacity: 0;
visibility: hidden;
transition: .3s;
box-sizing: border-box;
}
/*モーダル本体の擬似要素の指定*/
.modal-container_2:before{
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container_2.active{
opacity: 1;
visibility: visible;
}
/*モーダル枠の指定*/
.modal-body_2{
position: relative;
display: inline-block;
vertical-align: middle;
max-width: 500px;
width: 90%;
}
/*モーダルを閉じるボタンの指定*/
.modal-close_2{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: -40px;
right: -40px;
width: 40px;
height: 40px;
font-size: 40px;
color: #fff;
cursor: pointer;
}
/*モーダル内のコンテンツの指定*/
.modal-content_2{
background: #232F3E;
text-align: left;
padding: 30px;
margin: 0px -125px 0px -125px;
z-index:10!important;
}

/*モーダル書き足し*/
.modal-container.active_2 {
    opacity: 1;
    visibility: visible;
    padding-top: 100px;
  }
.modal-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
	padding: 12px 140px;
  }
 .modal-footer{
    display: flex;
    justify-content: center;
  }
  /*スクロールバー非表示（Chrome・Safari）*/
  .modal-container::-webkit-scrollbar {
    display: none;
  }
/*ここまで*/



.tab-list {
	display: flex;
	flex-wrap: wrap;
  overflow: hidden;	
	border-top: none;
	border-radius: 5px;
}
.tab-label_1:not(:last-child) {
margin-right:5px;
}
.tab-label {
	color: #161E2D;
	cursor: pointer;
	flex: 1;
	font-weight: bold;
	order: -1;
	padding: 12px 24px;
	position: relative;
	text-align: center;
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s;
	user-select: none;
	white-space: nowrap;
	border-bottom: none;
	border-radius: 5px 5px 0px 0px;
	font-size: 16px;
	background-color: #01A88D;
	
}

.tab-label_1 {
margin-right:5px;
}


.tab-label:hover {
	background: #01856F;
}

.tab-switch:checked + .tab-label {
	color: #fff;
	background: #232F3E;
}



.tab-switch:checked + .tab-label::after {
	opacity: 1;
	
}
.tab_content {
	height:0;
	opacity:0;
	padding: 0 35px;
	width: 100%;
	background-color: #232F3E;
	bottom: 0px;
}



.tab-switch:checked + .tab-label + .tab_content{
	height: auto;
	opacity: 1;
	order: 1;
	pointer-events:auto;
}

.tab-rank::after {
	content: '';
	height: 20px;
	order: -1;
	width: 100%;
	background-color: #232F3E;
}

.tab-switch {
	display: none;
}


.wrapper {
  display: grid;
	grid-template-columns: 8% 3% 89%;
	border: 3px solid #555;
	padding:15px;
	margin-bottom:30px;
}

.point_text{
	color:#01A88D;
	text-align:center;
	font-size:10px;
	margin-bottom:-5px!important;
}
.point_number{
	color:#01A88D;
	text-align:center;
	font-size:26px;
	margin-bottom: 20px!important;
}
.point_title{
	margin-top:12px;
	font-size:18px;
	font-weight:bold;
}
.vertical {
border-left:2px solid #555; /*線の設定*/
margin-left:50%;
margin-top:-30px;
padding:20px 10px; /*余白の設定*/
}


.content-wrap {
height: 1000px;
overflow: hidden;
position: relative;
margin: 0;
}
.content-wrap_2 {
height: 500px;
overflow: hidden;
position: relative;
margin: 0;
}
.more-btn {
  display: block;
  width: 100%;
  padding: 200px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  background: -moz-linear-gradient(
    top,
    rgba(22, 30, 45, 0) 0%,
    rgba(22, 30, 45, 1) 60%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(22, 30, 45, 0) 0%,
    rgba(22, 30, 45, 1) 60%
  );
  background: linear-gradient(
    to bottom,
    rgba(22, 30, 45, 0) 0%,
    rgba(22, 30, 45, 1) 60%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#00ffffff',
      endColorstr='#ffffff',
      GradientType=0
    );
}
.close-btn {
  display: none;
}
.slide-up {
height: 150px;
padding-bottom: 0;
overflow: hidden;
}
.slide-down {
height: auto;
overflow: visible;
padding-bottom: 50px;
}
.more-btn p {
  display: inline-block;
  color: #01A88D;
  cursor: pointer;
  background: #161E2D;
  padding: 5px 20px;
  width: 50%;
  border: 2px solid #01A88D;
}
.comment-form-cookies-consent,.fa-folder-open,.cat-label{
display: none;
}
.open:hover{
	background:#01A88D;
	color:#161E2D;
	font-weight:bold;
} 
.slide-items {
width: 100%;
margin: 0 auto;

max-width: 92%;
margin: auto;

}
ul {
padding: 0 0 0 0px!important;
}
.slide-items li {
  height: auto;
  margin-right: 10px;
  margin-left: 10px;
	
}
.slide-items{
max-width: 100%!important;
}
.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-dots {
  left: 50%;
  transform: translateX(-50%);
}

.slider_title,.slider_title_1,.slider_title_2,.slider_title_3{
font-size: 20px;
text-align: center;
}


.slick-track {
display: flex!important;
}
.slick-slide {
height: auto !important;
background-color:#232F3E;
border-radius: 10px;
padding:20px;
}


.asterisk{
	font-size: 15px;
}
p.asterisk {
padding-left:1.3em;
text-indent:-1.3em;
margin-bottom: 0.8em;
}
p.asterisk:first-child {
margin-top: -80px;
}

.asterisk::before {
    color: #fff;
    content: "※ ";
    font-size: 13px;
}
.hcb_wrap {
	max-height: 250px;
	overflow: auto;
}



table th,table td {
border: solid 1px #535353;  /* 枠線指定 */
    padding: 10px;      /* 余白指定 */
	font-weight: 300;
	
}

.table_bk_1{
text-align:center;
background-color:#464646;
}
.table_bk_2{
text-align:center;
background-color:#464646;
}
.table_border_1{
	border-bottom: 2px solid #969696;
}
.table_border_2{
	border-bottom: 2px solid #969696;
}

.modal-container::-webkit-scrollbar {
  border-radius: 10px;
  width: 10px;  /* スクロールバーの幅 */
}
.modal-container_2::-webkit-scrollbar {
  border-radius: 10px;
  width: 10px;  /* スクロールバーの幅 */
}

/* スクロールバーのツマミ部分 */
.modal-container::-webkit-scrollbar-thumb {
  background-color: #b6b6b6;  /* ツマミの色を変更 */
  border-radius: 10px;  /* 角を丸くする */
}
/* スクロールバーのツマミ部分 */
.modal-container_2::-webkit-scrollbar-thumb {
  background-color: #b6b6b6;  /* ツマミの色を変更 */
  border-radius: 10px;  /* 角を丸くする */
}
.modal_img{
width: 16px;
margin-left: 7px;
margin-top: -3px;
}
.grid_container {
display: grid;
grid-template-columns: 48% 4% 48%;
}

.center_img{
text-align: center;
}

.post-content ul {
margin-left: 0px;
}
.post-content table td {
border: #232F3E solid 1px;
}
.post-content table tbody th {
background: #232F3E;
border: #232F3E solid 1px;
text-align:center;
}
.table_transparent{
background-color:rgba(35,47,62,0.5);
text-align:center;
}
.table_1_border{
border-bottom:#2F3F53 solid 3px!important;
}
.table_2_border{
border-bottom:#2F3F53 solid 2px!important;
}
.table_3_border{
border-right:#2F3F53 solid 1px!important;
}
.list_box_2{
background-color: #161E2D;
padding: 30px 20px 1px 20px;
margin: -30px 0px;
}
.anchor_link_img{
width:15px;
height:15px;
margin-right:10px;
transform: scale(1.8);
}
.anchor_link_a_1,
.anchor_link_a_2,
.anchor_link_a_3,
.anchor_link_a_4,
.anchor_link_a_5,
.anchor_link_a_6,
.anchor_link_a_7,
.anchor_link_a_8,
.anchor_link_a_9,
.anchor_link_a_10,
.anchor_link_a_11,
.anchor_link_a_12,
.anchor_link_a_13,
.anchor_link_a_14,
.anchor_link_a_15,
.anchor_link_a_16,
.anchor_link_a_17,
.anchor_link_a_18,
.anchor_link_a_19,
.anchor_link_a_20{
color:#fff;
text-decoration: none!important;
}

.flex{
display: flex;
 }
.margin-top100{
margin-top:100px;
}


.anchor_link_1,
.anchor_link_2,
.anchor_link_3,
.anchor_link_4,
.anchor_link_5,
.anchor_link_6,
.anchor_link_7,
.anchor_link_8,
.anchor_link_9,
.anchor_link_10,
.anchor_link_11,
.anchor_link_12,
.anchor_link_13,
.anchor_link_14,
.anchor_link_15,
.anchor_link_16,
.anchor_link_17,
.anchor_link_18,
.anchor_link_19,
.anchor_link_20{
font-weight:bold;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #2F3F53;
padding-bottom: 13px;
margin-right:30px;
padding-right:10px;

}



.anchor_link_1.visible{
border-bottom-color: #01A88D;
}
.anchor_link_2.visible{
border-bottom-color: #01A88D;
}
.anchor_link_3.visible{
border-bottom-color: #01A88D;
}
.anchor_link_4.visible{
border-bottom-color: #01A88D;
}
.anchor_link_5.visible{
border-bottom-color: #01A88D;
}
.anchor_link_6.visible{
border-bottom-color: #01A88D;
}
.anchor_link_7.visible{
border-bottom-color: #01A88D;
}
.anchor_link_8.visible{
border-bottom-color: #01A88D;
}
.anchor_link_9.visible{
border-bottom-color: #01A88D;
}
.anchor_link_10.visible{
border-bottom-color: #01A88D;
}
.anchor_link_11.visible{
border-bottom-color: #01A88D;
}
.anchor_link_12.visible{
border-bottom-color: #01A88D;
}
.anchor_link_13.visible{
border-bottom-color: #01A88D;
}
.anchor_link_14.visible{
border-bottom-color: #01A88D;
}
.anchor_link_15.visible{
border-bottom-color: #01A88D;
}
.anchor_link_16.visible{
border-bottom-color: #01A88D;
}
.anchor_link_17.visible{
border-bottom-color: #01A88D;
}
.anchor_link_18.visible{
border-bottom-color: #01A88D;
}
.anchor_link_19.visible{
border-bottom-color: #01A88D;
}
.anchor_link_20.visible{
border-bottom-color: #01A88D;
}

.anchor_link_a_1.visible{
color: #01A88D;
}
.anchor_link_a_2.visible{
color: #01A88D;
}
.anchor_link_a_3.visible{
color: #01A88D;
}
.anchor_link_a_4.visible{
color: #01A88D;
}
.anchor_link_a_5.visible{
color: #01A88D;
}
.anchor_link_a_6.visible{
color: #01A88D;
}

.anchor_link_a_7.visible{
color: #01A88D;
}
.anchor_link_a_8.visible{
color: #01A88D;
}
.anchor_link_a_9.visible{
color: #01A88D;
}
.anchor_link_a_10.visible{
color: #01A88D;
}
.anchor_link_a_11.visible{
color: #01A88D;
}
.anchor_link_a_12.visible{
color: #01A88D;
}
.anchor_link_a_13.visible{
color: #01A88D;
}
.anchor_link_a_14.visible{
color: #01A88D;
}
.anchor_link_a_15.visible{
color: #01A88D;
}
.anchor_link_a_16.visible{
color: #01A88D;
}
.anchor_link_a_17.visible{
color: #01A88D;
}
.anchor_link_a_18.visible{
color: #01A88D;
}
.anchor_link_a_19.visible{
color: #01A88D;
}
.anchor_link_a_20.visible{
color: #01A88D;
}

.margin50_pc{
	margin-top:30px;
}














.slick-num{
text-align: center;
}
.slick-num .inner{
display: inline-block;
padding: 10px 15px;
color: #01A88D;
font-weight: bold;
font-size: 26px;
font-family:"Raleway"!important;
}



body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
}
.post-content dl dd{
margin-left: 10px;
}
.slick-slide img {
    display: inline!important;
}

.hcb_wrap::-webkit-scrollbar{
width: 6px;

}
.hcb_wrap::-webkit-scrollbar-track{
   background-color: #555;
}
.hcb_wrap::-webkit-scrollbar-thumb{
background-color: #232F3E;
border-radius:5px;
}
.img_1{
margin-top:21px;		
	}
.scroll_sp::-webkit-scrollbar {
  height: 4px;
}
/*スクロールバー全体の背景*/
.scroll_sp::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.scroll_sp::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll_sp::-webkit-scrollbar-thumb:hover {
  background: #999;
}
#header {
 position: fixed;
 left: 0;
 right: 0;
 z-index: 999;
}
#main_visual,
.breadcrumb-area {
 padding-top:92px;
}
.ribbon{
width:36px;
height:36px;
margin-top:-6px;
margin-right:10px;
}







  .slick-slide{ height:auto!important;}

  /*-----------矢印表示----------*/
.slick-next{ right:-30px!important;}
  .slick-prev{ left:-30px!important; }
  .slick-next:before{
    background: url(http://aws06neko.site/wp-content/uploads/2022/10/right.png)!important;
    background-size: contain!important;
  }
  .slick-prev:before{
    background: url(http://aws06neko.site/wp-content/uploads/2022/10/left.png)!important;
    background-size: contain!important;
  }
  .slick-arrow{
    z-index:2!important;
    width:60px!important;
    height:60px!important;
  }
  .slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    opacity:1!important;
  }
.list_box{
border:5px solid #232F3E;
padding:35px 30px 0px 30px;
}
.list_box:before {
    background-color: #01A88D;
    /* ワインポイントの色 */
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 5px;
    height: 5px;
    z-index: 1;
  }

.pagetop{
background: url(/wp-content/uploads/2024/02/top.png);
background-repeat: no-repeat;
width: 20px;
height: 150px;
border-radius: 90%;
background-position: center center;
background-size: cover;
display: inline-block;
}
.fa-angle-up:before {
content: ""!important;
}

  .grid_container_2 {
    display: grid;
    grid-template-columns: 47% 6% 47%;
  }
  .grid_container_3 {
    display: grid;
    grid-template-columns: 48% 4% 48%;
    margin-bottom: 36px;
  }
  .grid_container_4 {
    display: grid;
    grid-template-columns: 30% 5% 30% 5% 30%;
  }
  .grid_container_5 {
    display: grid;
    grid-template-columns: 25% 5% 70%;
  }
  .box1_container_2 {
    padding: 2em;
    /*内側余白*/
    position: relative;
    border: 5px solid #ddd;
    /* 線の太さ・種類・色 */
    z-index: 0;
  }
  .box1_container_2:before {
    background-color: #01A88D;
    /* ワインポイントの色 */
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 5px;
    height: 5px;
    z-index: 1;
  }
  .box3_container_2 {
    padding: 2em;
    /*内側余白*/
    position: relative;
    border: 5px solid #ddd;
    /* 線の太さ・種類・色 */
    z-index: 0;
  }
  .box3_container_2:before {
    background-color: #01A88D;
    /* ワインポイントの色 */
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 5px;
    height: 5px;
    z-index: 1;
  }
























@media screen and (max-width: 767px) {

img{
width:100%
	}
.grid_container,.flex {
display: block;
}
.anchor_link_1,
.anchor_link_2,
.anchor_link_3,
.anchor_link_4,
.anchor_link_5,
.anchor_link_6,
.anchor_link_7,
.anchor_link_8,
.anchor_link_9,
.anchor_link_10,
.anchor_link_11,
.anchor_link_12,
.anchor_link_13,
.anchor_link_14,
.anchor_link_15,
.anchor_link_16,
.anchor_link_17,
.anchor_link_18,
.anchor_link_19,
.anchor_link_20,
	
	{
margin-bottom:20px;
	}
.post-content {
margin: 0px -20px;
}	
.title_1:before,.title_1:after {
width: 20px;
}	
.table_scroll_sp{
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
font-size:18px!important;
}
	
	
.table_scroll_sp::-webkit-scrollbar {
-webkit-appearance: none;
height: 5px;
}

/* スクロールできるツマミ部分 */
.table_scroll_sp::-webkit-scrollbar-thumb {
	background-color: #fff;
	border-radius:4px;
}
.post-title{
font-size:32px;	
	}
.tab-label{
padding: 12px 4px;
}
.tab_content{
padding: 0 10px;
}	
.img_1{
margin-top:24.3px;		
	}
	

.scroll_sp{
overflow: auto;
width: auto;
max-width: none;

}

	
	
.scroll_sp::-webkit-scrollbar {
  height: 4px;
}
/*スクロールバー全体の背景*/
.scroll_sp::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.scroll_sp::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll_sp::-webkit-scrollbar-thumb:hover {
  background: #999;
}
.img_2{
height:300px;
}	
.wrap,
.one-column #content .wrap {
 margin-left: 12px;
 margin-right: 12px;
}
#header {
 position: fixed;
 left: 0;
 right: 0;
 z-index: 999;
margin-top: -46px;
}
#main_visual,
.breadcrumb-area {
 padding-top: 92px;
}
.margin50_pc{
	margin-top:0px;
}
 .margin-top_20_sp {
      margin-top: 20px;
    }
.slick-next:before {
		margin: 165px 0px 0px -60px!important;
	}
	.slick-prev:before {
		margin: 165px 0px 0px 60px!important;
	}
	.slick-slide {
		width: 250px
	}
	.slick-box,.slick-box_2,.slick-box_2_2,.slick-box_3,.slick-box_3_2 {
	padding: 0px 0px;
}
	.slick-slide:first-child {
		margin-right: 7px;
		margin-left: 0px;
		margin-bottom: 10px
	}
	.slick-slide:last-child {
		margin-right: 0px;
		margin-left: 7px;
		margin-bottom: 10px
	}
	.slick-slide:not(:first-of-type):not(:last-of-type) {
		margin-right: 7px;
		margin-left: 7px;
		margin-bottom: 10px
	}
	.slick-num_2_2 .inner {
    margin-top: 40px;
}
	.slick-num .inner {
    margin-top: 9px;
}
	.slick-num_3 .inner {
	margin-top: 25px;
}
	.slick-num_3_2 .inner {
	margin-top: 33px;
}

    .grid_container, .grid_container_2, .grid_container_4, .flex {
      display: block;
    }
    .grid_container_3 {
      display: block;
      margin-bottom: -10px;
    }
    .grid_container_5 {
      display: grid;
      grid-template-columns: 20% 5% 75%;
    }
    .box1_container_2 {
      padding: 2em;
      position: relative;
      border: 5px solid #ddd;
      z-index: 0;
      margin-bottom: 20px;
    }
    .modal-body_2 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 500px;
    width: 40%;
}
.pagetop｛
display: none;
}
.wrapper {
    display: grid;
    grid-template-columns: 15% 3% 82%;
    border: 3px solid #555;
    padding: 15px;
    margin-bottom: 30px;
}

  .codoc-entry .codoc-btn {
      width: 330px!important;
    }
    .codoc-subscription-list .codoc-btn {
      width: 250px!important;
    }
    .codoc-entry .codoc-support .codoc-btn {
      width: 250px!important;
    }
    .codoc-support-modal-body, .codoc-support-modal-body-thx {
      width: 270px!important;
    }
    .modal-close, .modal-close_3, .modal-close_4, .modal-close_5 {
      top: -40px;
      right: -200px;
    }
    .img_pc_550 {
      width: auto;
    }
    .font_size_10_sp {
      font-size: 10px;
    }
.img_sp_20{
	width:20%;
}
.pagetop｛
display:none;
}
body.home #main_visual, body.home.default #main_visual{
background-image: url(https://aws.nukoshimbun.tokyo/wp-content/uploads/2024/02/AWS_Elastic_Beanstalk_3-1.png)!important;
}