@charset "utf-8";
 html {font-size:100%;}
body {margin:0 auto; min-height:100%; font-family:"Noto Sans","Noto Sans JP","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
"メイリオ","Meiryo","verdana",sans-serif;
background:-webkit-linear-gradient(left, #d8e7f5 30%, #e7e2ef 50%, #f8ddeb 70%);
background:-o-linear-gradient(left, #d8e7f5 30%, #e7e2ef 50%, #f8ddeb 70%);
background-image:url(https://phasefree.net/new/wp-content/uploads/2020/08/bg_circle1.png),
url(https://phasefree.net/new/wp-content/uploads/2020/08/bg_circle2.png),
url(https://phasefree.net/new/wp-content/uploads/2020/08/bg_stripe.png),
linear-gradient(to right, #d8e7f5 30%, #e7e2ef 50%, #f8ddeb 70%);
background-repeat:no-repeat,repeat-y,repeat,no-repeat; background-attachment:scroll,scroll,fixed,fixed; background-position:top center,center 360px,center,center;
color:#333;}
@media (max-width: 1199.99px) {
body {background-size:2000px,2000px,4px,auto; background-position:top center,center 288px,center,center;}
}
@media (max-width: 991.99px) {
body {background-size:1700px,1700px,4px,auto; background-position:top center,center 245px,center,center;}
}
@media (max-width: 767.99px) {
body {background-size:1400px,1400px,4px,auto; background-position:top center,center 202px,center,center;}
}
@media (max-width: 575.99px) {
body {background-size:700px,700px,4px,auto; background-position:top center,center 101px,center,center;}
}
a {color:#333; text-decoration:none;}
a:hover {opacity:0.6;}
ul,dl {margin:0; padding:0; list-style:none;}
button,input,select,textarea {font-family:inherit; font-size:100%;}
button:focus {outline:0;}
@media (min-width: 1200px) {
.container {max-width:1150px;}
}
@media (max-width: 1199.99px) {
.container {width:932px;}
}
@media (max-width: 991.99px) {
.container {width:718px;}
}
@media (max-width: 767.99px) {
.container {width:526px;}
}
@media (max-width: 575.99px) {
.container {width:90%;}
} header.siteHeader {position:relative; z-index:1000; top:0; background-color:#fff; -webkit-box-shadow:initial; box-shadow:initial;
margin-bottom:0; min-height:46px; border:none;}
header.siteHeader .container {padding-left:0; padding-right:0;}
.siteHeader_logo {padding-top:0; padding-bottom:0; line-height:2;}
.header_scrolled .gMenu>li {margin:1rem 0;}
@media (min-width: 992px) {
.siteHeader_logo {float:left;}
}
@media (max-width: 1199.98px) {
.siteHeader_logo {width:auto; text-align:left;}
}
@media (min-width: 992px) {
.siteHeader .container {padding-top:27px; padding-bottom:18px;}
.siteHeader_logo img {width:250px; height:43px;}
}
@media (max-width: 991.99px) {
.siteHeader .container {padding-top:10px; padding-bottom:8px;}
}
.gMenu>li .gMenu_name {font-size:0.9rem;}
.gMenu li {margin:0.8rem 0 0 0; list-style:none; padding:2px 1.5rem 0; border-right:1px solid #333;
display:inline-block; line-height:1; font-size:12px; position:relative;}
.gMenu li:last-child {border-right:none;}
.gMenu>li .gMenu_name {display:inline; vertical-align:middle;}
@media (max-width: 1199.99px) {
.siteHeader_logo img {width:220px; height:38px;}
}
@media (min-width: 768px) {
.gMenu > li:before, .gMenu > li.menu-item-has-children::after {border-bottom:none;}
}
@media (min-width: 992px) {
.device-pc .gMenu>li a {padding:0;}
.gMenu_outer {float:right; width:auto;}
.gMenu_outer nav {text-align:right;}
}
@media (min-width: 1200px) {
.gMenu_outer {min-height:initial; display:block;}
.gMenu_outer nav {display:block;}
} .vk-mobile-nav-menu-btn {top:12px; right:20px;}
.vk-mobile-nav-menu-btn.position-right {right:20px;}
@media (max-width: 767.99px) { .open {overflow:hidden;}
.open #overlay {display:block; z-index:200;}
.open header.siteHeader{background-color:#fff;}
.open header.siteHeader .siteHeader_logo {padding-top:0; padding-bottom:0;}
.open header.siteHeader .gnav {margin-top:38px;} header.siteHeader.fixed {padding-top:0;}
header.siteHeader.fixed .siteHeader_logo,
header.siteHeader .siteHeader_logo {text-align:center;}
header.siteHeader.fixed .siteHeader_logo img,
header.siteHeader .siteHeader_logo img {width:180px; height:31px;}
header.siteHeader .container {padding-top:0.8rem; padding-bottom:0.8rem;}
header.siteHeader .gnav {position:absolute; padding:10px 0; width:100%; background:#fff; top:-500px; text-align:center; -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; transition:.5s ease-in-out;}
header.siteHeader .gnav ul {position:static; right:0; bottom:0;}
header.siteHeader .gnav ul li {position:static;}
header.siteHeader .gnav li a,
header.siteHeader.fixed .gnav li a {width:100%; display:block; color:#333; padding:18px 0;}
header.siteHeader .gnav li button,
header.siteHeader.fixed .gnav li button {width:100%; display:block; color:#333; padding:18px 0;}
header.siteHeader .gnav li a:hover,
header.siteHeader.fixed .gnav li a:hover {opacity:0.7;}
header #nav-toggle {display:block;} .open #nav-toggle span:nth-child(1) {
top: 18px;
-webkit-transform:rotate(315deg); -moz-transform:rotate(315deg); transform:rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
width:0; left:50%;
}
.open #nav-toggle span:nth-child(3) {
top: 18px; -webkit-transform:rotate(-315deg); -moz-transform:rotate(-315deg); transform:rotate(-315deg);
} .open .gnav { -moz-transform:translateY(520px); -webkit-transform:translateY(520px); transform:translateY(520px); position:relative;
}
}
@media (min-width: 1200px) {
.siteContent {padding: 0 0 4rem;}
}
@media (max-width: 1199.99px) {
.siteContent {background-size:2000px,2000px,4px; background-position:top center,center 288px,center; padding-top:0;}
}
@media (max-width: 991.99px) {
.siteContent {background-size:1700px,1700px,4px; background-position:top center,center 245px,center; padding-top:10px;}
}
@media (max-width: 767.99px) {
.siteContent {background-size:1400px,1400px,4px; background-position:top center,center 202px,center;}
}
@media (max-width: 575.99px) {
.siteContent {background-size:700px,700px,4px; background-position:top center,center 101px,center;}
}
.col.mainSection.mainSection-col-one {padding-right:0; padding-left:0;} .new_footer {position:relative; overflow:hidden;}
.new_footer ul {list-style:none; text-align:center; display:flex; float:left; position:relative; left:50%;}
.new_footer li {margin-bottom:0; padding:0 1rem; display:inline-block; float:left; position:relative; left:-50%; line-height:1.5;}
.new_footer li a {display:block; color:#333;}
.new_footer li a span {margin-top:0.3rem; display:block; font-size:0.8rem; line-height:1;}
.new_footer li i {font-size:1rem; line-height:1.2; vertical-align:middle;} .new_footer li button {margin:0; padding:0; background:none; border:none; color:#333;}
.new_footer li button span {margin-top:0.3rem; display:block; font-size:0.8rem; line-height:1;}
.new_footer li button:hover {opacity:0.7; cursor:pointer;}
.copySection {margin-bottom:2.5rem; padding-top:1rem; clear:both; font-size:0.85rem; text-align:center; line-height:1.2;}
.siteFooter {border-top:none; background:none;}
.siteFooter .sectionBox {padding-top:1rem; padding-bottom:0;}
.footerWidget {display:none;}
@media (max-width: 767px) {
.new_footer ul {width:100%;}
.new_footer li {width:25%; padding:1rem 0; border-left:none; display:block;}
.new_footer li:last-child {border-right:none;}
.new_footer li a span {font-size:0.65rem;}
.new_footer li a span br {display:inline;}
.new_footer li button span {font-size:0.65rem;}
.copySection {font-size:0.8rem;}
} #page_top {width:4.5rem; height:4.5rem; background:#70c7da; border-radius:50%; opacity:0.7; position:fixed; right:1rem; bottom:1.5rem; z-index:999;}
#page_top a {position:relative; display:block; width:5rem; height:5rem; text-decoration:none;}
#page_top a:before {font-family:'Font Awesome 5 Free'; content:'\f106'; font-size:2.5rem; font-weight:900; color:#fff;
position:absolute; width:3rem; height:3.2rem; top:0; bottom:1.2rem; right:0; left:-0.4rem; margin:auto; text-align:center;}
@media (max-width: 767.99px) {
#page_top {width:3rem; height:3rem; right:0.5rem; bottom:0.5rem;}
#page_top a {width:3.5rem; height:3.5rem;}
#page_top a:before {font-size:1.6rem; width:1.9rem; height:2.4rem; bottom:0.6rem;}
} p {font-size:0.94rem; line-height:1.8;}
@media (max-width: 767.99px) {
p {font-size:0.88rem; line-height:1.8;}
}
h1 {margin:113px 0 1.875rem 0; padding:0; font-size:1.5rem; font-weight:700;}
h1 span {padding-left:0.5rem; display:inline-block; font-size:1.125rem; font-weight:400;}
h2 {margin:2.5rem 0 1.5rem 0; padding:0 0 0 0.5rem; border-left:6px solid #70c7da; border-bottom:1px dotted #898989; color:#333; font-size:1.2rem;}
h3 {font-size:1rem;}
@media (max-width: 1199.99px) {
h1 {font-size:1.35rem;}
h1 span { padding-left:0.5rem; font-size:1rem;}
}
@media (max-width: 991.99px) {
h1 {font-size:1.25rem;}
h1 span {padding-left:0.4rem; font-size:0.94rem;}
}
@media (max-width: 767.99px) {
h1 {margin-top:93px; margin-bottom:1.5rem;}
h2 {font-size:1rem;}
h3 {font-size:0.9rem;}
}
@media (max-width: 575.99px) {
h1 {font-size:1.2rem;}
}
@media (max-width: 1199.99px) {
body.archive h1 {
margin-top:35px;
font-size:1.35rem;}
}
@media (max-width: 991.99px) {
body.archive h1 {
margin-top:46px;
font-size:1.25rem;}
}
@media (max-width: 767.99px) {
body.archive h1 {
margin-top:27px;
margin-bottom:1.5rem;}
}
@media (max-width: 575.99px) {
body.archive h1 {font-size:1.2rem;}
} #whatsnew {width:100%; position:relative;}
#whatsnew h1 {margin-top:30px; line-height:1.5;}
#whatsnew .new_search {margin-bottom:2.5rem; padding:0 0.5rem 0.5rem; border:1px solid #70c7da; border-radius:8px;
display:inline-block; font-size:0.875rem;}
#whatsnew .new_search h4 {margin-top:0.94rem; margin-bottom:0.5rem; padding-left:0.5rem; width:100%; border-left:7px solid #70c7da;
display:inline-block; font-size:0.94rem; line-height:1.5;}
#whatsnew .new_search ul {margin:0; padding:0;}
#whatsnew .new_search li {margin:0 0 0 10px; padding:0;}
#whatsnew .new_search div>ul>li {display:block;}
#whatsnew .new_search div>ul>li:nth-child(3) {text-align:center;}
#whatsnew .new_search div>ul>li label {margin-bottom:0;}
#whatsnew .new_search .btn-primary {margin-top:1rem; margin-bottom:0.2rem; padding:0.2rem 2rem; background-color:#70c7da; border-color:#70c7da;}
.searchandfilter label {padding-righy:0.5rem;}
#whatsnew dl {margin:0 0 1rem 0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex;}
#whatsnew dt {margin-bottom:0; padding-left:0; border:none; display:-webkit-box; display:-ms-flexbox; display:flex; font-size:0.875rem; line-height:1.6;}
#whatsnew dd {margin-bottom:0; padding-left:0; border:none; margin-inline-start:1rem; display:inline-block; font-size:0.9rem; line-height:1.6;}
#whatsnew dt span {margin-left:0.7rem; width:60px; line-height:23px;}
#whatsnew dt span img {object-fit:contain;}
#whatsnew span.new_list {position:absolute; top:0.625rem; left:16rem; font-size:0.875rem;}
#whatsnew span.new_list:before {padding-right:0.4rem; font-family:"Font Awesome 5 Free"; font-weight:900; content:'\f138';}
#whatsnew span.new_list a {border-bottom:1px dotted #333; color:#333; text-decoration:none;}
#whatsnew span.new_list a:hover {border-bottom:none;}
#whatsnew .new_pagelink {text-align:center;}
#whatsnew .new_pagelink .page-numbers {padding:6px 12px;}
#whatsnew .new_pagelink .page-numbers.current {background-color:#70c7da; color:#fff;}
#whatsnew .new_pagelink span:first-child {border-top-left-radius:4px; border-bottom-left-radius:4px;}
@media (max-width: 1199.99px) {
#whatsnew dt {font-size:0.9rem;}
#whatsnew dd {font-size:0.88rem;}
#whatsnew span.new_list {top:0.5rem; left:14.5rem;}
}
@media (max-width: 991.99px) {
#whatsnew {margin-right:30px; width:100%;}
#whatsnew h1 {margin-top:27px;}
#whatsnew span.new_list {top:0.4rem; left:13.5rem;}
}
@media (max-width: 767.99px) {
#whatsnew span.new_list {top:0.3rem; font-size:0.84rem;}
#whatsnew dl {margin-bottom:0.5rem; padding-bottom:0.5rem;border-bottom:1px dotted #999; display:block;}
#whatsnew dt {font-size:0.87rem;}
#whatsnew dd {margin-inline-start:0; font-size:0.875rem;}
#whatsnew dt span {line-height:1.2;}
#whatsnew dt span img {width:50px;}
}
@media (max-width: 575.99px) {
#whatsnew dd {margin-inline-start:10px;}
#whatsnew span.new_list {left:12.5rem;}
#whatsnew span.new_list:before {padding-right:0.2rem;}
}