@charset "UTF-8";

body{ padding-top: 60px; letter-spacing: 1px; word-wrap: break-word;}
a:hover,
a:active{ color: #333!important;}
.center{ text-align: center;}
.hel{font-family: "Helvetica Neue",'Noto Sans JP',sans-serif;}

hr,
#footer #thk,
#list .toc .excerpt,
.snsib:after,
.post .meta-box{ display: none;}
.snsib i,
.snsib a:hover i,
#page-top,
#mobile-buttons{ display: none!important;}

.section-counter{
  counter-reset: num_a;
}
.section-counter .onsecutive-num::before{
  content: counter(num_a) ". ";
  counter-increment: num_a;
  margin-right: 0.5em;
  font-weight: bold;
}
.section-counter .onsecutive-num.normal::before{ font-weight: normal; }

.list-flow li{ margin-top: 20px; }
.list-flow li img{ margin-top: 12px; }

.mt00{margin-top: 0 !important;}
.mt05{ margin-top: 5px !important; }
.mt10{ margin-top: 10px !important; }
.mt15{ margin-top: 15px !important; }
.mt20{ margin-top: 20px !important; }
.mt25{ margin-top: 25px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }
.mt50{ margin-top: 50px !important; }

.mb00{margin-bottom: 0 !important;}
.mb05{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}


/* hd_top */
header .hd_top * { font-family: Arial,"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; letter-spacing: 0;}
header .hd_top { display: none; justify-content: space-between; align-items: center; background: #f0f0f0; height: 30px; padding: 0 10px; font-size: 10px; }
header .hd_top .tit{ margin: 0; font-size: 10px; font-weight: normal; color: #666;}
header .hd_top ul { display: flex; justify-content: flex-end; width: 70%; max-width: 840px; height: 100%; list-style: none; border-right: #c8c8c8 1px solid; }
header .hd_top li { width: 16.66%; position: relative; border-left: #c8c8c8 1px solid; transition: background .3s ease-in-out 0s;}

header .hd_top a { display: block; height: 100%; padding: 7px 10px 0; position: relative; color: #666; font-size: 10px; line-height: 1.75; text-align: center; z-index: 3; }
header .hd_top a::before { content: ""; display: block; background: #182f3d; width: calc(100% + 2px); height: 2px; position: absolute; top: 0; left: -1px; transform: scale(0,1); transition: .5s; transform-origin: center; }
header .hd_top li.on::before,
header .hd_top li:hover::before { content: ""; display: block; background: white; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}

header .hd_top li.on a,
header .hd_top li:hover a { background: white; color: #182f3d; }
header .hd_top li.on a::before,
header .hd_top li:hover a::before {  transform: scale(1,1); }
header .hd_top a .blank { background: url("../img/icon_blank_gray.svg") no-repeat right center/8px; padding-right: 12px; }
header .hd_top li.on a .blank,
header .hd_top li:hover a .blank{ background: url("../img/icon_blank_blue.svg") no-repeat right center/8px; }


/* header_vn */
.header_vn{ justify-content: space-between; height: 62px; padding: 18px 20px; }
#header{ background: #fff; width: 100%; position: fixed; top: 0; left: 0; z-index: 100000000000;}
#header:before{ content: ""; display: block; background: #e6e6e6; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; }

#header #head-cover{ width: 100%; }
#header #head-in{ background: none; width: 134px;}
#header .info{ padding: 0;}
#header #sitename{ margin-bottom: 0; line-height: 1;}
#header #sitename img{ vertical-align: top; transition: opacity 0.3s ease-in-out 0s;}
#header #sitename .txt{ display: block; overflow: hidden; text-indent: 100%; white-space: nowrap;}

#header .hd_menu{ height: 0; width: 100%; position: fixed; top: 60px; left: 0; overflow: hidden; }
#header .hd_menu > div{ background: #182f3d; height: 100vh; padding: 30px 10px; }
#header #nav{ background: none; border-top: none; border-bottom: none;}
#header #gnavi{ width: auto; }
#header #gnavi ul{ display: block; background: none; justify-content: space-between; flex-wrap: inherit; margin-top: 30px; white-space: inherit; border-bottom: 0; border-top: #fff 1px solid;}
#header #gnavi li{ flex: inherit; width: auto; float: none; line-height: inherit; border-top: none; }
#header #gnavi li:first-child{ margin-left: 0;}

#header #gnavi li a{ background: none; padding: 20px 10px 18px; position: relative; color: #fff; text-align: left; border-bottom: #e6e6e6 1px solid; transition: color 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s;}
#header #gnavi li a:before{ content: ""; display: block; background: url("../img/hd_menu.png") no-repeat; background-size: contain; width: 24px; height: 16px; margin-top: -8px; position: absolute; top: 50%; right: 10px;}
#header #gnavi li:hover a,
#header #gnavi li:active a{ background: none; }
#header #gnavi li a span{ padding: 0;}
#header #gnavi li:hover a span,
#header #gnavi li:active a span{ background: none; color: #fff; }
#header #gnavi .mobile-nav{ display: none!important;}

#header .hdsearch{ max-width: 720px; margin: 0 auto; position: relative;}
#header .hdsearch *{ outline: none;}
#header .hdsearch input[type="search"]{ background: #fff; width: 100%; height: 50px; padding: 20px 40px 20px 20px; position: relative; font-size: 14px; border: none; border-radius: 30px; }
#header .hdsearch input[type="search"]::placeholder{ font-size: 14px; font-weight: normal; color: #bababa;}
#header .hdsearch input[type="search"]::-webkit-search-cancel-button,
#header .hdsearch input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
#header .hdsearch button{ background: none; width: 20px; height: auto; padding: 0; position: absolute; top: 15px; right: 20px; border: none; transition: opacity 0.3s ease-in-out 0s;}
#header .hdsearch button:hover{ opacity: 0.8;}
#header #gnavi div.mobile-nav{ display: none;}

#header .sp_open{ width: 28px; height: 20px;  position: absolute; top: 20px; right: 20px;}
#header .sp_open,
#header .sp_open span { display: inline-block; box-sizing: border-box; transition: all .4s; }
#header .sp_open span { background: #182f3d; width: 100%; height: 2px; position: absolute; left: 0; border-radius: 4px;}
#header .sp_open span:nth-of-type(1) { top: 0;}
#header .sp_open span:nth-of-type(2) { top: 9px;}
#header .sp_open span:nth-of-type(3) { bottom: 0;}

#header .sp_open.active span:nth-of-type(1) {-webkit-transform: translateY(12px) rotate(-45deg);transform: translateY(12px) rotate(-45deg);}
#header .sp_open.active span:nth-of-type(2) {opacity: 0;}
#header .sp_open.active span:nth-of-type(3) {-webkit-transform: translateY(-6px) rotate(45deg);transform: translateY(-6px) rotate(45deg);}
.gmoGroupHeader{ z-index: 999999999;}

/* menu icon */
#header #gnavi li a,
.ftTop dd a,
.side_category li a{display: block; padding-left: 16px; }
#header #gnavi li a{ background-position: left top 36px!important; padding-left: 16px!important;}

.icon-domain a,
#menu-item-236 a,
#menu-item-557 a{ background: url("../img/icon_menu_domain.svg") no-repeat left center /12px!important;}
.icon-server a,
#menu-item-240 a,
#menu-item-556 a{ background: url("../img/icon_menu_server.svg") no-repeat left center /12px!important;}
.icon-homepage a,
#menu-item-36052 a,
#menu-item-9552 a{ background: url("../img/icon_menu_hp.svg") no-repeat left center /12px!important;}
.icon-wordpress a,
#menu-item-239 a,
#menu-item-9555 a{ background: url("../img/icon_menu_wp.svg") no-repeat left center /12px!important;}
.icon-monetization a,
#menu-item-36053 a,
#menu-item-9557 a{ background: url("../img/icon_menu_monetization.svg") no-repeat left center /12px!important;}
.icon-security a,
#menu-item-238 a,
#menu-item-559 a{ background: url("../img/icon_menu_security.svg") no-repeat left center /12px!important;}
.icon-staff a{ background: url("../img/icon_menu_staff.svg") no-repeat left center /12px;}
.icon-user a{ background: url("../img/icon_menu_user.svg") no-repeat left center /12px;}
.icon-internet a{ background: url("../img/icon_menu_net.svg") no-repeat left center /12px;}
.icon-trend a{ background: url("../img/icon_menu_trend.svg") no-repeat left center /12px;}
.icon-aiwriting a{ background: url("../img/icon_menu_ai.svg") no-repeat left center /12px;}
.icon-web3 a{ background: url("../img/icon_menu_web3.svg") no-repeat left center /12px;}

.side_category{ margin-bottom: 12px;}
.side_category .tit{ margin-bottom: 0;}
.side_category ul{ margin-top: 0;}
.side_category li{ border-bottom: #8C9498 1px solid; list-style: none;}
.side_category a{ background-position: left 16px center!important; background-size: 20px!important; height: 100%; padding: 12px 10px 12px 52px!important; transition: background 0.3s ease-in-out 0s;}
.side_category a:hover{ background-color: #DCE8F3!important;}

@media (max-width: 960px){
	#header #gnavi li a{ background-image: none!important;}
	.side_category a{ background-size: 16px!important; padding: 12px 10px 12px 42px!important;}
}

/* wrap */
.container{ width: auto!important; max-width: none!important; padding-bottom: 60px;}
#primary{ display: block; margin-top: 0;}
body.home #primary{ border: none;}
#main{ max-width: none!important; min-width: auto!important; margin: 0; flex: 0; float: none!important;}
#main #section{ max-width: 1160px; margin: 0 auto; padding: 10px;}


/* breadcrumb */
#breadcrumb{ max-width: 680px; margin: 50px auto -20px; padding: 0; }
#breadcrumb li{ font-size: 12px;}
#breadcrumb a,
#breadcrumb a:hover{ color: #a8a8a8!important;}

body.home #breadcrumb,
body.archive #breadcrumb,
body.error404 #breadcrumb,
body.search #breadcrumb{ display: none!important;}


/* slide */
#slide{background: #f5f2e6; padding: 0 10px; opacity: 0; overflow: hidden; position: relative;}
#slide.on{ opacity: 1; visibility: visible; }
#slide:before{ content: ""; background: #182f3d; width: 100%; height: 36%; position: absolute; top: 0; left: -1px;}

#slide .slick-slider{ max-width: 1120px; margin: 0 auto; padding: 40px 0; position: relative; list-style: none;}
#slide .slick-list{ background: #fff; position: relative; border-radius: 20px;}
#slide .slick-list a{ justify-content: space-between; outline: none;}
#slide .slick-list img{ width: 100%; transition: opacity 0.3s ease-in-out 0s;}

#slide .txt{ padding: 20px 18px ;}
#slide .txt dt p{ min-height: 46px; margin: 15px 0 0; font-size: 15px; font-weight: bold;}
#slide .txt dd{ display: none; color: #a8a8a8; letter-spacing: 0;}

#slide .slick-arrow{ display: none!important; background-size: 24px!important; width: 50px; height: 50px; margin-top: -25px; position: absolute; top: 50%; overflow: hidden;text-indent: 100%;white-space: nowrap; border: none; border-radius: 25px; box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.2); outline: none; z-index: 2; transition: background 0.3s ease-in-out 0s;}
#slide .slick-arrow:hover{ background-color: #f0f0f0;}
#slide .slick-prev{ background: url("../img/slide_arrow01.png") no-repeat center,#fff; left: -26px;}
#slide .slick-next{ background: url("../img/slide_arrow02.png") no-repeat center,#fff; right: -26px;}

#slide .slick-dots{ display:flex; position: absolute; right: 50%; bottom: 20px; -webkit-transform: translate(50%, 0); transform: translate(50%, 0);}
#slide .slick-dots li{ background: #ccc; width: 30px; height: 3px; margin-left: 10px; overflow: hidden; text-indent: 100%; cursor: pointer; white-space: nowrap; transition: background 0.3s ease-in-out 0s;}
#slide .slick-dots button{ display: none;}
#slide .slick-dots li:hover,
#slide .slick-dots .slick-active{ background: #182f3d;}


/* tile */
#list #tile-3{ justify-content: inherit; }
#list .toc{ width: 48%; margin: 26px 4% 0 0;}
#list .toc:nth-child(2n){ margin-right: 0;}
#list .toc:not(#bottom-area):not(.posts-list-middle-widget):not(#bottom-area):not(.posts-list-under-widget){ padding: 0;}
#list .term img{ width: 100%; margin:0 0 15px; border-radius: 20px;}
#list .toc .excerpt{ display: none;}
#list .toc h2{ margin-bottom: -6px; font-size: 12px; font-weight: bold; line-height: 1.7; overflow: hidden; }
.post aside + .wp-block-image img{ border-radius: 20px;}

/* img */
.wp-block-image.img-sp,
.wp-block-image.img-pc,
.wp-block-image.img-sp img,
.wp-block-image.img-pc img{ height: auto!important;}
.wp-block-image.img-sp{ display: block;}
.wp-block-image.img-pc{ display: none;}
@media (min-width: 769px){
	.wp-block-image.img-sp{ display: none;}
	.wp-block-image.img-pc{ display: block;}
}

/* meta */
#slide .meta{ padding: 0; margin-bottom: 0; position: relative;}
#main .meta{ margin-bottom: 12px; padding: 0 0 0 100px; position: relative;}
body.single #main .meta{ display: flex; flex-direction: row-reverse; justify-content: left;}
#main .page .meta{ display: none;}

#main .meta span{ margin: 0;}
#list .meta{ padding: 0; text-align: right;}
#list .meta i{ display: none;}

#slide .meta .date,
#main .meta .date{ font-size: 10px; color: #a8a8a8;}
#main .meta .update{ margin-right: 14px; }

#slide .meta .category,
#main .meta .category{ display: block; background: #8fa2b2; width: 90px; height: 22px; padding-top: 4px; position: absolute; top: 0;left: 0; font-size: 9px; font-weight: bold; color: #fff; line-height:1.5; text-align: center; letter-spacing: 0;}
#main .meta .category{ -webkit-transition: background 0.3s ease-in-out 0s; transition: background 0.3s ease-in-out 0s;}
#main .meta .category a{ display: block; color: white; text-decoration: none;}
#main .meta .category:hover{ color: white; background: #728595;}
#main .meta .category a:hover{ color: white!important;}


/* service */
#service{ background: #f5f2e6; padding: 0 10px;}
#service .wrap{ max-width: 1120px; padding: 50px 0 40px; margin: 0 auto; border-top: #fff 2px solid;}
#service p{ margin-bottom: 30px; text-align: center;}
#service p img{ width: 114px;}
#service .vd,
#service li{ display: block; background: #fff; border-radius: 4px; border-radius: 20px;}

#service .vd,
#service li a{ position: relative; }
#service .vd:before,
#service li a:before{ content: ""; display: block; background: url("../img/service_icon.png") no-repeat; background-size: cover!important; width: 12px; height: 12px; position: absolute; right: 8px; bottom: 8px;}
#service .vd img,
#service li img{ transition: opacity 0.3s ease-in-out 0s;}

#service .vd{ justify-content: space-between; align-items: center; padding: 30px 10px 24px;  }
#service .vd span{ display: block; width: 240px; margin: 0 auto; }
#service dl{ margin-top: 25px; }
#service dt{ margin-bottom: 10px; font-size: 14px; font-weight: bold; text-align: center; }
#service dd{ font-size: 12px;}

#service ul{ display:flex; justify-content: space-between; flex-wrap:wrap; align-items: center; margin: 0; list-style: none;}
#service li{ width: 49%; margin-top: 2%;}
#service li a{ display: block; padding: 32px 10px; text-align: center;}
#service li img{ width: auto; height: 22px;}
#service .va img{ height: 30px;}


/* pager */
#bottom-area{ width: 100%!important; max-width: none!important; margin: 60px auto 0!important; padding: 0;}
.pagination li:last-child{ border-right: 1px solid #ddd; }
.pagination li a,
.pagination li span{ border-right: none!important;}
.pagination li a{ transition: background 0.3s ease-in-out 0s,color 0.3s ease-in-out 0s;}
.pagination .active span,
.pagination .current,
.pagination>li>a:hover{ background: #182f3d;}
.pagination>li>a:hover{ color: #fff!important;}
.pagination i{ font-style: inherit;}


/* footer */
.ftTop{ padding: 0 20px;}
.ftTop dl{ max-width: 1120px; margin: 0 auto; padding: 40px 0; }
.ftTop dt{ width: 120px; }
.ftTop dt img{ transition: opacity 0.3s ease-in-out 0s;}
.ftTop dd{ margin-top: 20px;}
.ftTop dd:first-of-type{ margin-top: 38px;}
.ftTop dd a{ font-size: 13px;}
.ftTop dd a:hover{ text-decoration: underline;}

#footer{ background: #182f3d; letter-spacing: 0; }
#footer .ftBtm{ justify-content: space-between; max-width: 1120px; margin: 0 auto; }

#footer-nav{ border-bottom: none;}
.foot-nav{ width: auto!important; max-width: none!important;}
.foot-nav ul{ display:flex; justify-content: space-between; flex-wrap:wrap; padding: 0;}
.foot-nav li{ width: 50%; margin: 0; text-align: center; border-bottom: #fff 1px solid; border-right: #fff 1px solid;}
.foot-nav li:nth-child(even){ border-right: none;}
.foot-nav li:before{ display: none;}
.foot-nav li a{ display: block; padding: 16px 10px; font-size: 12px; color: #fff!important; }
.foot-nav li a:hover{ text-decoration: underline;}

#copyright{ background: none; padding: 10px; }
#footer .copy{ margin: 0; font-size: 12px; color: #fff; line-height: inherit; }

.footer_bnr{ width: 100%; position: fixed; left: 0; bottom: 0; z-index: 100000000; }
.footer_bnr img{ display: block; width: 100%; margin: 0 auto; transition: opacity 0.3s ease-in-out 0s; }
.footer_bnr img.pc{ display: none;}
.footer_bnr:hover img{ opacity: .9;}
@media (min-width: 769px){
	.footer_bnr img.sp{ display: none;}
	.footer_bnr img.pc{ display: block;}
}
.one-rs-footer-banner{ background-color: #0091ff; height: 55px; display: flex; align-items: center; box-shadow: 0 -2px 8px rgba(0,0,0,0.1); font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; letter-spacing: 0; }
.one-rs-footer-banner__inner{ width: 100%; max-width: 1000px; margin: 0 auto; display: flex; justify-content: center; align-items: center; gap: 32px; padding: 0 16px; box-sizing: border-box; }
.one-rs-footer-banner__text{ text-align: left; white-space: nowrap; }
.one-rs-footer-banner__lead{ display: block; color: #fff; font-size: 16px; font-weight: bold; line-height: 1.3; letter-spacing: 0.03em; margin: 0; }
.one-rs-footer-banner__detail{ display: block; color: #ffff00; font-size: 12px; font-weight: normal; line-height: 1.3; margin: 3px 0 0; }
.one-rs-footer-banner__cta{ display: inline-block; background: #ff6a00; color: #fff; font-size: 15px; font-weight: bold; text-decoration: none; padding: 6px 36px; border-radius: 50px; white-space: nowrap; flex-shrink: 0; box-shadow: 0 2px 4px rgba(0,0,0,0.15); transition: background-color 0.2s ease; }
.one-rs-footer-banner__cta:hover{ background-color: #e65f00; filter: none; color: #fff!important; }
@media (max-width: 768px){
	.one-rs-footer-banner{ height: auto; padding: 7px 10px; box-shadow: none; }
	.one-rs-footer-banner__inner{ flex-direction: column; gap: 0; justify-content: center; padding: 0; }
	.one-rs-footer-banner__text{ width: 100%; text-align: center; white-space: normal; }
	.one-rs-footer-banner__lead{ font-size: 11px; letter-spacing: 0; margin-bottom: 1px; }
	.one-rs-footer-banner__detail{ font-size: 11px; color: #f9f005; margin-top: 1px; }
	.one-rs-footer-banner__cta{ width: 100%; text-align: center; max-width: 63%; font-size: 11px; margin: 6px auto 0; padding: 5px 18px; }
}

/* vn-domain-bnr */
.vn-domain-bnr{ display: flex; justify-content: center; align-items: flex-start; gap:10px; height: 70px; background: linear-gradient(93.13deg, #005bac 0%, #0072d7 100%); }
.vn-domain-bnr img{ opacity:1!important; width: auto!important; }
.vn-domain-bnr__visual{ height: 100%; overflow: hidden; min-width: 0; }
.vn-domain-bnr__visual img{ height: 100%; margin: 0; display: block; }
.vn-domain-bnr__search{ display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap:2px; padding: 0 20px 0 0; flex-shrink: 0; }
.vn-domain-bnr__label{ max-width: 400px; margin: 2px 0 0; display: block; }
.vn-domain-bnr__label.pc{ display: block; }
.vn-domain-bnr__label.sp{ display: none; }
.vn-domain-bnr__form{ display: flex; align-items: center; }
.vn-domain-bnr__input{ height: 32px; width: 340px; padding: 0 12px; font-size: 10px; color: #333; border: none; border-radius: 5px 0 0 5px; outline: none; box-sizing: border-box; }
.vn-domain-bnr__input::placeholder{ color: #999; font-size: 10px; }
.vn-domain-bnr__btn{ height: 32px; padding: 0 14px; background: #ff622d; color: #fff; font-size: 10px; font-weight: bold; border: none; border-radius: 0 5px 5px 0; cursor: pointer; letter-spacing: 0; white-space: nowrap; transition: filter 0.25s ease; flex-shrink: 0; }
.vn-domain-bnr__btn:hover{ filter: brightness(1.15); }
@media (max-width: 768px){
	.vn-domain-bnr{ height: 84px; flex-wrap: nowrap; align-items: stretch; align-items:center; padding: 0 10px; gap: 0; }
	.vn-domain-bnr__visual{ flex-shrink: 0; padding-top:6px; overflow: hidden; }
	.vn-domain-bnr__visual img.pc{ display: none; }
	.vn-domain-bnr__visual img.sp{ display: block; width: auto; height: 70px; }
	.vn-domain-bnr__search{ flex: 1; min-width: 0; padding:0; gap: 4px; justify-content: flex-start; }
	.vn-domain-bnr__label.pc{ display: none; }
	.vn-domain-bnr__label.sp{ display: block; height: 14px; margin-bottom: 4px; }
	.vn-domain-bnr__form{ width: 100%; }
	.vn-domain-bnr__input{ flex: 1; min-width: 0; width: auto; height: 32px; border-radius: 5px 0 0 5px; font-size: 10px; }
	.vn-domain-bnr__input::placeholder{ font-size: 10px; }
	.vn-domain-bnr__btn{ height: 32px; width: 54px; padding: 0; font-size: 9px; border-radius: 0 5px 5px 0; }
}

.security_ft{ background: white; padding: 0 10px; position: relative; z-index: 1000000000;}
.security_ft .wrap{ max-width: 1040px; padding: 20px 0 40px; margin: 0 auto; }
.security_ft .security__logo{ display: block; width: 200px; margin: 0 auto 14px; }
.security_ft .seal_gmo{ display: flex; justify-content: center; align-items: center; margin-top: 40px; }
.security_ft #csi_siteseal_tag,
.security_ft #brs_siteseal_tag{ display: block; width: 100px; margin-left: 10px; }
.gmoGroupHeader_secCont{ margin-bottom: 0!important;}
@media print, screen and (min-width:960px){
	.security_ft .security__logo{	margin: 0 0 14px 10px; }
}


/* inc-info */
.inc-info{ position: relative; letter-spacing: 0;}
.inc-info a{ display: block; background: #0F8EFF; padding: 5px 10px; font-size: 11px; color: white!important; line-height: 1.4; text-align: center; text-decoration: none; }
.inc-info .txt{ display: block; margin: 0 auto; font-family: "Hiragino Sans",sans-serif; font-size: 11px; font-weight: 700; }
.inc-info .txt span{ display: inline-block; margin-left: 10px; padding-right: 12px; background: url("../img/inc-info_arrow.svg") no-repeat right center /5px auto;}
@media (min-width: 769px){
	.inc-info a{ font-size: 13px;}
  .inc-info .txt{ width: 100%; margin: 0 auto; font-size: 13px; }
}
@media (min-width: 960px){
	.inc-info a{ font-size: 14px; transition: all 0.3s ease-in-out;}
	.inc-info a:hover{ background: #2699FF; color: #FFF600!important;}
	.inc-info .txt{ font-size: 14px; }
	.inc-info .txt span{ margin-left: 20px;}
}


/* single page error404 search */
.single .container,
.page .container,
.error404 .container,
.search-no-results .container{ background: #f5f2e6!important; width: auto; max-width: none;  padding: 40px 10px 60px;}
.archive .grid,
.single .grid,
.page .grid,
.error404 .grid,
.search-no-results .grid{ background: #fff; max-width: 1120px; margin: 0 auto; padding: 50px 20px; border-radius: 4px;}
.search-no-results .grid{ margin: 0 auto!important; }
.post#mainEntity,
.error404 #post,
.search-no-results #post{ max-width: 680px;  margin: 0 auto;}
.error404 #main{ max-width: 1120px!important; margin: 0 auto;}

.post h1.entry-title,
.search-no-results h2#list-title{ margin-bottom: 20px; font-size: 1.8rem!important;}
.post h2{  background: #8fa2b2;  margin: 52px 0 28px; padding: 14px 20px; position: relative; font-size: 1.6rem; font-weight: bold; color: white; border-left: none; }
.post h3{ padding-left: 16px; margin: 40px 0 22px; font-size: 1.6rem; font-weight: bold; border-color:#005bac; border-width: 4px;}

.post h2:first-child{ margin-top: 40px!important;}
.post h3:first-child{ margin-top: 52px!important;}
.post h4{ font-size: 16px; font-weight: bold; border-left: solid 4px #999;}
.post{ font-size: 14px;}
.post table{ width: 100%; font-size: 13px;}
.post a,
.post a:hover{color: #005bac;}
.post a img{ transition: opacity 0.3s ease-in-out 0s; }

.single .meta{ margin-bottom: 10px!important;}
.single .meta .date{ font-size: 12px!important; }
.single .wp-block-imag:first-of-type{ margin: 40px 0 60px;}

article.nft .aside,
article.aiwriting .aside{ width: 100%; position: fixed; left: 0; bottom: 0; z-index: 1000000000;}
article.nft .aside img:hover,
article.aiwriting .aside img:hover{ opacity: 1;}
article.nft .aside img.pc,
article.aiwriting .aside img.pc{ display: none;}

article.normal .aside > div{ margin-top: 30px; }
article.normal .aside .white{ background: white; padding: 30px 20px 10px;}
article.normal .aside .tit { padding-bottom: 12px; font-size: 14px; font-weight: bold; color: #182f3d; border-bottom: #182f3d 2px solid;}
article.normal .aside .detail li{ margin-top: 16px; list-style: none;}
article.normal .aside .detail li:not(:first-child){ padding-top: 16px; border-top: #e6e6e6 1px solid;}
article.normal .aside .detail a{ display: flex; justify-content: space-between; align-items: center; position: relative;}
article.normal .aside .detail a::before{ display: block; background: #ffff99; width: 24px; height: 24px; padding-top: 3px; position: absolute; top: -8px; left: -8px; font-size: 12px; font-weight: bold; text-align: center; border-radius: 20px; z-index: 10;}
article.normal .aside .detail li:nth-child(1) a::before{ content: "1";}
article.normal .aside .detail li:nth-child(2) a::before{ content: "2";}
article.normal .aside .detail li:nth-child(3) a::before{ content: "3";}
article.normal .aside .detail li:nth-child(4) a::before{ content: "4"; background: #e6e6e6;}
article.normal .aside .detail li:nth-child(5) a::before{ content: "5"; background: #e6e6e6;}

article.normal .aside .detail a:hover{ text-decoration: underline;}
article.normal .aside .detail img{ width: 40%; transition: opacity 0.3s ease-in-out 0s; border-radius: 10px;}
article.normal .aside .detail span{ width: 56%; font-size: 13px; letter-spacing: 0; }

.aside .camp_area{ display:none; margin-bottom:20px;}
#sidebar{ margin-top: -30px;}
#sidebar #side-fixed{ padding: 10px 0 0;}
#sidebar .wpp-notice{display: none;}
#sidebar .side-title{ padding-bottom: 12px; margin-top: 0; font-size: 15px; color: #182f3d; border-bottom: #182f3d 2px solid;}
.wpp-list li{ position: relative; }
.wpp-list li::before{ content: "1"; display: block; background: #ffff99; width: 10px; height: 10px; position: absolute; top: -4px; left: -4px; font-size: 12px; text-align: center; border-radius: 5px;}
#sidebar #side .widget{ padding-left: 20px; padding-right: 20px;}


/* logo_list */
.logo_list{ display: table; padding: 0!important; margin: 0 auto; list-style: none; text-align: center;}
.logo_list li{ margin-top:20px;}
.logo_list li:first-child{ margin-top: 0;}
.logo_list img{ width: auto; height: 66px;}


/* detail_list */
.detail_list02{ padding-left: 0!important; list-style: none;}
.detail_list li,
.detail_list02 li{ margin-top: 14px;}

.detail_list li:first-child,
.detail_list02 li:first-child,
.num_list li:first-child,
.num_list02 li:first-child{ margin-top: 0;}


/* num_list */
.num_list,
.num_list02,
.num_list02{ list-style: none;}
.num_list02{ padding-left: 0!important; }
.num_list li{ margin-top: 30px; position: relative;}
.num_list.short li{ margin-top: 10px;}
.num_list .num{ font-size: 16px; font-weight: bold; position: absolute; top: -3px; left: -22px; }
.num_list img{ margin-top: 15px;}


/* code_box */
.code_box,
.code_box02{ padding: 20px; margin-bottom: 20px; font-size: 13px; }
.code_box{ background: #333; color: #fff;}
.code_box02{ border: #ccc 1px solid; }


/* attention */
.attention{ font-size: 13px!important; color: #666;}


/* toc_container */
.type-page #toc_container{ display: none!important;}
#toc_container{ max-height: 380px; margin-top: 40px; padding: 20px 30px; overflow: hidden; position: relative; border: #d6d6d6 1px solid; border-radius: 10px; }
#toc_container::before,
#toc_container::after{ position: absolute; }
#toc_container::before{ content: ""; background: white; width: 100%; height: 64px; left: 0; bottom: 0;}
#toc_container::after{ content: "もっと見る"; height: 28px; width: 90px; margin-left: -45px; left: 50%; bottom: 18px; font-size: 13px; line-height: 28px; text-align: center; letter-spacing: 0; border: #e6e6e6 1px solid; border-radius: 20px; cursor: pointer;}

#toc_container.on::before,
#toc_container.on::after{ display: none;}
#toc_container.more{ max-height: none; padding-bottom: 60px;}
#toc_container.more::after{ content: "折りたたむ"; }

#toc_container .toc_title{ display: block; background: #f5f2e6; height: 54px; margin: -20px -30px 10px; padding: 0 38px; font-size: 16px; font-weight: bold; line-height: 54px;}
#toc_container .toc_toggle{ width: 68px; padding: 0 4px; position: absolute; top: 20px; right: 30px; line-height: 1; text-align: center; }
#toc_container .toc_toggle::before{ margin-left: 0; content: "表示"; color: #005bac; font-size: 13px; border: none;}
#toc_container .toc_toggle::after{ content: "[　　　]"; display: block; position: absolute; top: 0; left: 7px; }

#toc_container #toc_toggle:checked+.toc_toggle::before{ content: "非表示"; }
#toc_container #toc_toggle:checked+.toc_toggle+.toc_list{ margin-top: 20px; margin-bottom: -10px; }
#toc_container .toc_list > li{ padding: 14px 0; border-top: #e6e6e6 1px solid;}
#toc_container .toc_list > li:first-child{ padding-top: 0; margin: 0; border-top: 0;}
#toc_container .toc_list a{ font-size: 13px; }
#toc_container .toc_list ul{ margin: 10px 0 4px; margin-left:1.7rem;}
#toc_container .toc_list ul > li{ margin-top: 2px; padding: 0; border-top: none;}
#toc_container .toc_list ul a{ font-size:12px;}


/* bnr_area */
.bnr_area,
.bnr_inner_area{ display: block; overflow: hidden; }
.bnr_are{ margin-top: 50px; border-radius: .5rem;}
.bnr_inner_area{ margin: 30px 0;}
.bnr_area img,
.bnr_inner_area img{ transition: opacity 0.3s ease-in-out 0s;}


/* snsib */
.snsib{ width: 220px; padding-top: 44px!important; margin: 30px auto 0; position: relative;}
.snsib:before{ content: "Share On"; font-size: 18px; font-weight: bold; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.snsib li{ flex: inherit; width: 40px; height: 40px;}
.snsib a{ display: block; background: none; background-size: contain!important; width: 100%; height: 100%; box-shadow: none!important;}
.snsib img{ transition: opacity 0.3s ease-in-out 0s; }

.snsib .twitter a{ background: url("../img/sns_tw.png") no-repeat;}
.snsib .facebook a{ background: url("../img/sns_fb.png") no-repeat;}
.snsib .hatena a{ background: url("../img/sns_hatebu.png") no-repeat;}
.snsib .line a{ background: url("../img/sns_line.png") no-repeat;}
#sns-tops{ display: none; margin: -4px 0 10px;}
#sns-tops .snsib{ width: 140px; padding-top: 0!important; margin: 0 0 0 auto;}
#sns-tops .snsib::before{ display: none;}
#sns-tops .snsib li{ width: 30px; height: 30px;}


/* pnavi */
.recommend_posts{ margin-top: 30px; }
.recommend_posts p{margin-bottom: 18px; color: #182f3d; font-size: 16px; font-weight: bold; text-align: center; letter-spacing: 2px;}
#pnavi{ display: flex; justify-content: space-between; background: none; border-radius: 4px; border-bottom: none!important;}
#pnavi > div{ justify-content: space-between; background: #fff; width: 49%!important; padding-bottom: 0!important; float: none!important; border: none!important; border-radius: 4px; }
#pnavi > div,
#pnavi > div a{ display:flex; flex-wrap: wrap; margin-bottom: 0!important;}
#pnavi > div a{ width: 100%; min-height: auto; position: relative; }
#pnavi > div:nth-of-type(1) a{ padding: 16px 16px 16px 46px!important;}
#pnavi > div:nth-of-type(2) a{ padding: 16px 46px 16px 16px!important; }
#pnavi > div a:before{ content: ""; display: block; background: #8fa2b2; width: 30px; height: 100%; position: absolute; top: 0; color: #fff; line-height: 100%;}
#pnavi > div:nth-of-type(1) a:before{ left: 0;}
#pnavi > div:nth-of-type(2) a:before{ right: 0;}

#pnavi > div a:after{ content: ""; display: block; background-size: contain!important; width: 15px; height: 11px; position: absolute; top: 50%; }
#pnavi > div:nth-of-type(1) a:after{ background: url("../img/pnavi_prev.png") no-repeat; left: 8px;}
#pnavi > div:nth-of-type(2) a:after{ background: url("../img/pnavi_next.png") no-repeat; right: 8px;}
#pnavi img{ width: 100%; height: auto; float: none!important; border: none; border-radius: 0;}
#pnavi .ntitle,
#pnavi .ptitle{ margin-top: 14px; text-align: left; font-size: 12px;}


/* wp-block-luxe-blocks-topic */
.wp-block-luxe-blocks-topic-title{ display: block!important; padding: 3px 15px!important; margin-bottom: -6px; font-weight: bold; border-radius: 4px 4px 0 0; position: relative; z-index: 2;}
.wp-block-luxe-blocks-topic-content{ background: #e6f2ff; border-radius: 4px; }
.wp-block-luxe-blocks-topic-title,
.wp-block-luxe-blocks-topic-content{ font-size: 14px;}


/* table */
.single .grid table th,
.single .grid table td{ height:42px; line-height:1.4;}
.single .grid table span{ font-size:12px;}

.scroll{ width: 100%; overflow-x: scroll;}
.scroll table{ min-width: 680px; margin-bottom: 0;}
.num_list .scroll table{ min-width: 650px;}

.scrollTxt{ display: table; margin: 8px auto 0!important; padding: 0 20px; position: relative; font-size: 12px!important; line-height: 1.9; }
.scrollTxt:before{ content: ""; display: block; background: #222; width: 100%; height: 2px; margin: -1px 0 0; position: absolute; top: 50%; left: 0;}
.scrollTxt span{ display: inline-block; background: #fff; padding: 0 8px; position: relative; }
.scrollTxt span:before,
.scrollTxt span:after{ content: ""; display: block; width: 0; height: 0; position: absolute; top: 6px;  border: 5px solid transparent;}
.scrollTxt span:before{ border-right: 10px solid #222; left: -30px; }
.scrollTxt span:after{ border-left: 10px solid #222; right: -30px;}


/* domain form */
.domain_form{ background: #f5f2e6; padding: 30px 10px; margin: 40px auto; border-radius: 6px; }
.domain_form p{ margin: 0 0 6px; font-weight: bold; color: #005bac; text-align: center;}
.domain_form form{ position: relative; border-radius: 6px; overflow: hidden; -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: center; transform-origin: center;}
.domain_form input{ outline: none;}
.domain_form input[type=text]{ width: 100%; height: 64px; padding: 0 80px 0 20px; font-size: 16px; border-radius: 6px; border: #005bac 3px solid;}
.domain_form input[type=text]:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; box-shadow: 0 0 0 1000px white inset;}
.domain_form input[type=submit] { background: url("../img/ico_search_white.svg") no-repeat center/24px,#005bac; width: 64px; height: 100%; position: absolute; top: 0; right: 0; overflow: hidden; text-indent: 140%; white-space: nowrap; cursor: pointer; border-radius: 0; border: #005bac 2px solid;}


/* blog-card */
a.blogcard-href{ max-width: none;}
p.blog-card-title{ font-size: 13px;}


/* user */
.wp-block-luxe-blocks-profile{ margin: 30px 0; }
.wp-block-luxe-blocks-profile .luxe-pf-icon{ display: table-cell; vertical-align: middle; line-height: 0; padding-right: 8px;}
.wp-block-luxe-blocks-profile .luxe-pf-cont{ padding:20px; border:1px solid #e5e5e5; border-radius:4px;}
.wp-block-luxe-blocks-profile .luxe-pf-title-wrap{ display: table; background:#182f3d; margin:-20px 0 0 -20px; padding:3px 12px; color:white; font-size: .8em; border-radius:0 0 4px 0;}
.wp-block-luxe-blocks-profile .luxe-pf-main{padding:20px 0 10px 0;}
.wp-block-luxe-blocks-profile .luxe-pf-cont figure{ max-width:30%; margin: 0 auto 15px; }
.wp-block-luxe-blocks-profile .luxe-pf-cont figure img{ border-radius:100%; }
.wp-block-luxe-blocks-profile .luxe-pf-cont figcaption{ padding-top: 10px; font-size: 12px; line-height: 1.3; text-align: center; }
.wp-block-luxe-blocks-profile .luxe-pf-text-wrap{flex:1;}
.wp-block-luxe-blocks-profile .luxe-pf-text{margin:0; font-size: 13px;}
.wp-block-luxe-blocks-profile .luxe-pf-sns-box{ justify-content: flex-start; margin-top: 12px;}
.wp-block-luxe-blocks-profile .luxe-pf-sns-box .twitter{ margin-right: 6px;}


/* btn-server */
.wp-block-buttons a{ display: table; max-width: 480px; margin: 0 auto; font-weight: bold; text-decoration: none;}
.wp-block-buttons a:hover{ color: white!important;}

.btn-service .txt{ display: table; padding: 0 22px; margin: 10px auto; position: relative; font-size: 13px; font-weight: bold; letter-spacing: 0; }
.btn-service .txt::before,
.btn-service .txt::after{ content: ""; display: block; width: 20px; height: 2px; position: absolute; top: 10px; }
.btn-service .txt::before{ left: 0; transform: rotate(50deg);}
.btn-service .txt::after{ right: 0; transform: rotate(-50deg);}
.btn-service.vd .txt{ color: #0068c6;}
.btn-service.core .txt{ color: #e96624;}
.btn-service.vs .txt{ color: #1a96e4;}
.btn-service.xrea .txt{ color: #0f448f;}

.btn-service a{ padding: 18px; font-size: 16px; letter-spacing: 0; transition: background 0.3s ease-in-out 0s; -webkit-transition: background 0.3s ease-in-out 0s; text-decoration: none;}
.btn-service.vd a:hover,
.btn-service.vd .txt::before,
.btn-service.vd .txt::after{ background: #0068c6!important;}
.btn-service.core a:hover,
.btn-service.core .txt::before,
.btn-service.core .txt::after{ background: #e96624!important;}
.btn-service.vs a:hover,
.btn-service.vs .txt::before,
.btn-service.vs .txt::after{ background: #1a96e4!important;}
.btn-service.xrea a:hover,
.btn-service.xrea .txt::before,
.btn-service.xrea .txt::after{ background: #0f448f!important;}


/* step_list */
.step_list .step_detail{ padding-left: 52px; padding-top: 10px; position: relative;}
.step_list .step_detail:not(:first-of-type){ margin-top: 14px;}
.step_list .step_num{ display: block; background: #005bac; width: 42px; height: 42px; padding-top: 8px; position: absolute; top: 0; left: 0; text-align: center; color: white; font-size: 10px; font-weight: bold; line-height: 1.2; border-radius: 25px; }
.step_list .step_num span{ display: block; font-size: 13px;}
.step_list .step_tit{ margin-top: 0; font-weight: bold;}


/* pagetop_area */
.pagetop_area{ position: fixed; right: 20px; bottom: 100px; z-index: 1000000000;}
.pagetop_area a{ display: block; width: 50px; height: 50px; border-radius: 50px; }
.pagetop_area a img{ display: block; margin: 0 auto;}
.pagetop_area .toc_top{ background: #ffcc81; margin-bottom: 10px; padding-top: 8px; color: #182f3d; font-size: 10px; font-weight: bold;  text-align: center; letter-spacing: 0; border: #ffcc81 1px solid;}
.pagetop_area .toc_top img{ width: 20px; margin-bottom: 2px;}
@media (max-width: 500px){ .pagetop_area{ bottom: 80px; right: 10px;}}

.gmo_footer{ position: relative; z-index: 100000000;}


@media (max-width: 380px){
	#main #list .toc{ width: 49%; margin: 26px 2% 0 0;}
	#main #list .toc:nth-child(2n){ margin-right:0;}
	#main .meta .category{ width:80px;}
	#main .meta .date{ letter-spacing:0;}

	.single .grid,
	.page .grid,
	.error404 .grid,
	.search-no-results .grid{ padding: 40px 10px;}
	#sidebar #side .widget{ padding-left: 10px; padding-right: 10px;}

	#toc_container{ padding: 20px 14px; }
	#toc_container .toc_title{ margin: -20px -14px 10px; }
}


@media (min-width: 640px){
	br.sp{ display: none;}

	/* wrap */
	.container{ padding-bottom: 110px;}
	#main #section{ padding: 0 20px;}

	/* slide */
	#slide{ padding: 0 20px;}

	/* single page error404 search */
	.single .container,
	.page .container,
	.error404 .container,
	.search-no-results .container{ background: #f5f2e6; padding: 60px 20px;}

	/* service */
	#service{ padding: 0 20px;}

	/* btn-server */
	.btn-service .txt{ padding: 0 26px; font-size: 14px; letter-spacing: 1px;}
	.btn-service a{ font-size: 18px; letter-spacing: 1px; }

	/* aside */
	article.normal .aside .tit { font-size: 15px; }
	article.normal .aside .detail img{ width: 18%; }
	article.normal .aside .detail span{ width: 80%; }
}


@media (min-width: 700px){
	/* slide */
	#slide{ max-height: 490px; }
	#slide:before{ width: 28%; height: 100%; }

	#slide .slick-slider{ padding: 60px 0; }
	#slide .slick-list a{ display:flex; }
	#slide .slick-list .img_box{ width: 46%; min-height: 260px; overflow: hidden; position: relative;}
	#slide .slick-list img{ height: 100%; width: auto; max-width: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

	#slide .txt{ width: 54%; padding: 50px 40px;}
	#slide .txt dt p{ margin: 26px 0 22px; font-size: 20px; }
	#slide .slick-dots{ right: 0; bottom: 30px; transform: none;}
	#slide .slick-dots li{ width: 40px; }

	/* meta */
	#slide .meta .date{ padding-top: 2px; font-size: 12px;}

	/* table */
	.scrollTxt{ display: none;}

	/* logo_list */
	.logo_list{ display:flex; justify-content: space-between; width: 90%; margin: 30px auto; }
	.logo_list.two{ width: 60%;}
	.logo_list li{ margin-top: 0;}

	/* user */
	.wp-block-luxe-blocks-profile .luxe-pf-cont{ padding:20px 30px 10px 30px;}
	.wp-block-luxe-blocks-profile .luxe-pf-main{ display: flex; padding-bottom: 15px;}
	.wp-block-luxe-blocks-profile .luxe-pf-title-wrap{ margin:-20px 0 0 -30px;}
	.wp-block-luxe-blocks-profile .luxe-pf-cont figure{ max-width:16%; float:left; margin:0 24px 0 0;}
	.wp-block-luxe-blocks-profile .luxe-pf-text{ font-size: 14px;}
}


@media (min-width: 769px){
	body{ padding-top: 91px; top: 0!important;}
	#header{ top: 29px;}
	#header .hd_menu{ top: 91px;}
	.single .meta .date{ font-size: 14px!important; }
}


@media (min-width: 800px){
	/* tile */
	#list .toc{ width: 31%; max-width: 346px; margin: 30px 3.5% 0 0; }
	#list .toc:nth-child(2n){ margin: 30px 3.5% 0 0;}
	#list .toc:nth-child(3n){ margin-right: 0!important;}

	#list .toc img{ margin:0 0 20px; }
	#list .toc h2{ font-size: 14px;}

	#list .meta{ margin-bottom: 16px; }
	#slide .meta .date,
	#list .meta .date{ padding-top: 2px; font-size: 12px;}
	#slide .meta .category,
	#list .meta .category{ font-size: 10px;}

	/* pager */
	#bottom-area.toc{ margin: 80px auto 0!important;}

	/* #service */
	#service p{ margin-bottom: 40px; }
	#service .vd:before{ width: 16px; height: 16px; right: 12px; bottom: 12px;}
	#service .vd{ display:flex; padding: 30px 40px 30px 50px;  }
	#service .vd span{ min-width: 240px; }

	#service dl{ padding-left: 40px; margin:0 0 0 40px; border-left: #e6e6e6 1px solid;}
	#service dt{ font-size: 16px; text-align: left; }
	#service dd{ font-size: 14px;}
	#service ul{ margin-top: 20px; }
	#service li{ width: 23.6%; margin-top:0; }
	#service li a{ padding: 40px 10px; }

	/* single page error404 search */
	.single .grid,
	.page .grid,
	.error404 .grid,
	.search-no-results .grid{ padding: 70px 20px 90px; }

	.post h1.entry-title,
	.search-no-results h2#list-title{ margin-bottom: 30px; font-size: 24px!important;}
	.single .meta{ margin-bottom: 30px;}
	.post{ font-size: 16px;}
	.post h2{ font-size: 18px;}
	.post h3{ margin: 50px 0 22px; font-size: 17px; }
	body.single{ overflow: visible!important;}

	/* toc_container */
	#toc_container{ max-height: 500px; padding: 22px 40px;}
	#toc_container.more{ padding-bottom: 70px;}
	#toc_container .toc_title{ margin: -22px -40px 10px; }
	#toc_container #toc_toggle:checked+.toc_toggle+.toc_list{ margin-top: 26px; }
	#toc_container .toc_list > li{ padding: 16px 0; }
	#toc_container .toc_list a{ font-size: 14px; }
	#toc_container .toc_list ul a{ font-size:13px;}

	/* bnr_area */
	.bnr_area{ margin-top: 70px; }
	.bnr_inner_area{ margin: 50px 0;}

	/* snsib */
	.snsib{ margin-top: 40px;}
	.snsib:before{ font-size: 18px; }
	#sns-tops{ margin: -42px 0 10px; }
	#sns-tops .snsib{ width: 180px;}
	#sns-tops .snsib li{ width: 40px; height: 40px;}

	/* pnavi */
	.recommend_posts{ margin-top: 60px; }
	.recommend_posts p{ margin-bottom: 26px; font-size: 18px; }
	#pnavi > div,
	#pnavi > div a{ flex-wrap: nowrap;}
	#pnavi > div:nth-of-type(1) a{ padding: 26px 26px 26px 56px!important;}
	#pnavi > div:nth-of-type(2) a{ padding: 26px 56px 26px 26px!important; }
	#pnavi img{ width: 130px; height: 80px; margin: 0 20px 0 0!important; }
	#pnavi .ntitle,
	#pnavi .ptitle{ margin-top: 0; font-size: 14px;}

	/* wp-block-luxe-blocks-topic */
	.wp-block-luxe-blocks-topic-title{ display: inline-flex!important; margin: 0; }
	.wp-block-luxe-blocks-topic-content{ border-radius: 0 4px 4px 4px; }
	.wp-block-luxe-blocks-topic-title,
	.wp-block-luxe-blocks-topic-content{ font-size: 15px;}

	/* table */
	.single .grid table th,
	.single .grid table td{ height:50px; }
	.single .grid table span{ font-size:14px;}

	/* step_list */
	.step_list .step_detail{ padding-left: 60px; padding-top: 12px;}
	.step_list .step_detail:not(:first-of-type){ margin-top: 20px;}
	.step_list .step_num{ width: 50px; height: 50px; padding-top: 10px; line-height: 1.3;}
	.step_list .step_num span{ font-size: 15px;}
}


@media (min-width: 960px){
	body{ padding-top: 141px; }

	/* header_vn */
	header .hd_top{ display: flex; overflow: hidden; transition: all .3s ease-in-out 0s;}
	header.on .hd_top{ height: 0;}
	.header_vn{ display:flex; height: 82px; padding: 0 20px; position: relative;}

	#header #head-in{ width: 150px; padding-top: 24px;}
	#header .hd_menu{ width:auto; height: 100%!important; position: static;}
	#header .hd_menu > div{ background: none; height: 100%; padding: 0; }
	#header .hd_menu > div nav,
	#header .hd_menu > div #nav,
	#header #gnavi,
	#header .gnavi-container{ height: 100%;}
	#header #gnavi{ width: auto!important; max-width: none!important; }
	#header #gnavi ul{ display: flex; height: 100%; margin-top: 0; border-top: none;}

	#header #gnavi li{ margin-left: 24px; }
	#header #gnavi li a{ padding: 32px 0 26px; font-size: 12px; color: #182f3d; border-bottom: transparent 3px solid; }
	#header #gnavi li a:before{ display: none;}
	#header #gnavi li:hover a,
	#header #gnavi li:active a{ border-bottom: #182f3d 3px solid; }
	#header #gnavi .current-menu-item>a{ color: #182f3d; border-bottom: #182f3d 3px solid;}
	#header #gnavi li:hover a span,
	#header #gnavi li:active a span{ color: #182f3d; }

	#header .hdsearch{ display: none; position: absolute; top: 22px; right: 20px;}
	#header .hdsearch input[type="search"]{ background: #f0f0f0; width: 224px; height: 40px; padding: 14px 40px 14px 20px; font-size: 12px; border-radius: 20px; }
	#header .hdsearch input[type="search"]::placeholder{ font-size: 12px;}
	#header .hdsearch input:-webkit-autofill { box-shadow: 0 0 0 1000px #f0f0f0 inset;}
	#header .hdsearch button{ top: 10px; right: 16px; }
	#header .sp_open{ display: none;}

	/* hd_pickup */
	.hd_pickup{ display: block; transition: background 0.3s ease-in-out 0s; -webkit-transition: background 0.3s ease-in-out 0s;}
	.hd_pickup:hover{ background-color: #f9d94a;}

	/* fix */
	.fix img{ transition: opacity 0.3s ease-in-out 0s; -webkit-transition: opacity 0.3s ease-in-out 0s;}
	.fix img:hover{ opacity: 0.8;}
	.fix .close{ transition: background 0.3s ease-in-out 0s; -webkit-transition: background 0.3s ease-in-out 0s;}
	.fix .close:hover{ background: #e5e5e5;}

	/* slide */
	#slide .slick-slide,
	#slide .slick-list a{ height: 370px;}
	#slide .slick-list .img_box{ width: 53.5%;}
	#slide .txt{ width: 46.5%; padding: 80px 50px;}
	#slide .txt dd{ display: block;}
	#slide .slick-arrow{ display: block!important; }

	/* tile */
	#list .toc,
	#list .toc:nth-child(2n){ margin: 60px 3.5% 0 0;}

	/* service */
	#service li img{ height: 26px;}
	#service .va img{ height: 32px;}

	/* footer */
	.ftTop dl{ display:flex; padding: 56px 0; }
	.ftTop dt{ margin-right: 40px;}
	.ftTop dd{ margin: 4px 0 0 20px; }
	.ftTop dd:first-of-type{ margin: 4px 0 0;}
	#footer{ padding: 0 20px; }
	#footer .ftBtm{ display:flex; padding: 16px 0;}

	.foot-nav li{ width: auto; margin-left: 40px; border-bottom:none; border-right:none;}
	.foot-nav li:first-child{ margin-left: 0;}
	.foot-nav li a{ padding:0;}
	#copyright{ padding: 0; }

	/* single page error404 search */
	.single .container,
	.page .container,
	.error404 .container,
	.search-no-results .container{ padding: 60px 20px 80px;}

	/* aside */
	article.nft,
	article.aiwriting,
	article.normal{ display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1120px; margin: 0 auto; position: relative;}
	article.nft .aside,
	article.aiwriting .aside,
	article.normal .aside{ display: block; width: 25%; position: static; z-index: 2; }
	article.aiwriting .aside{ width: 16%;}
	article.nft .aside > div,
	article.aiwriting .aside > div{ position: sticky; top: 130px; }

	article.normal .aside > div{ height: 100%;}
	article.normal .aside .stick-normal{ position: sticky; top: 130px; }

	article.normal .aside > div{ margin-top: 0; }
	article.normal .aside .detail img{ width: 40%; }
	article.normal .aside .detail span{ width: 56%; font-size: 12px; }

	article.nft .aside img,
	article.aiwriting .aside img{ transition: all 0.3s ease-in-out 0s; }
	article.nft .aside img:hover,
	article.aiwriting .aside img:hover{ opacity: .8;}
	article.nft .aside img.sp,
	article.aiwriting .aside img.sp{ display: none;}
	article.nft .aside img.pc,
	article.aiwriting .aside img.pc{ display: block;}
	article.nft #core,
	article.aiwriting #core,
	article.normal #core{ width: 73.2%; margin: 0;}
	article.aiwriting #core{ width: 82%; }
	.aside .camp_area{ display:block; }

	/* service */
	#service .wrap{ padding: 60px 0; }

	/* domain_form */
	.domain_form{ padding: 30px 40px 40px;}
	.domain_form p{ margin: 0 0 12px;}
	.domain_form form{ -webkit-transform: scale(1); transform: scale(1); }
	.domain_form input[type=text]{ font-size: 14px;}

	/* blog-card */
	p.blog-card-title{ font-size: 14px;}
}

@media (min-width: 1100px){
	.header_vn{ padding-right: 260px; }
	#header #gnavi li{ margin-left: 16px; }
	#header .hdsearch{ display: block;}

	.ftTop dt{ margin-right: 60px;}
	.ftTop dd{ margin-left: 30px; }
}

@media (min-width: 1200px){
	header .hd_top { padding: 0 30px; font-size: 12px;}
	header .hd_top .tit{ font-size: 12px;}
	header .hd_top a { padding-top: 6px; font-size: 12px; }

	#header #head-in{ width: 171px;}
	#header #gnavi li{ margin-left: 20px; }
	#header #gnavi li a{ font-size: 13px;}
}

@media (min-width: 1300px){
	.header_vn{ padding-right: 280px; }
	#header #gnavi li{ margin-left: 30px; }
}