:root{
--default-color : #9683d5;
--default-bgcolor : #000;
--default-hover-color :#f6639a;
--default-fontcolor: #000;
--default-graycolor: #e3e3e3;
}
* {
font-family: "Noto Sans JP","arial","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic", "sans-serif";
font-weight: 400;
}
html {
box-sizing: border-box;
line-height: 1;
font-size: 62.5%;
}
p {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
line-height: 1.8;
}
h1, h2, h3, h4, .comments-area .comment-reply-title, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 p a
{ font-family: "Noto Sans JP","arial","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic", "sans-serif";
color: #000;
}
ul {
margin: 0;
list-style: none;
}
img {
height: auto;
max-width: inherit;
}
a img:hover{
opacity: 0.8;
}
body {
color: #000;
font-size: 14px;
line-height: 1.6;
font-weight: 300;
background: #fff;
width: 100%;
margin: 0 auto;
text-rendering: optimizeLegibility;
font-feature-settings: 'palt' 1;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
max-width: 1280px;
}
a{
color: #000;
}
a:hover{
color: #f6639a;
}
a:hover:not(> img){
background: #f6639a;
color: #fff !important;
}
[class~="customify-grid"], [class*="customify-grid-"], [class*="customify-grid_"]{
margin: 0;
}
#page{
background-color: #fff;
margin: 0 auto;
}
.site-content{
background-color: #fff;
margin: 0 auto;
}
.header-main .light-mode{
background-color: #fff;
}
.customify-container, .layout-contained{
max-width: 100%;
}
.header-main .light-mode{
box-shadow: 0 0 0 0;
}
#main{
padding-top: 0;
background-color: #fff;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.customify-container, .layout-contained{
width: 100%;
padding: 0;
}
.header--row.header-main .customify-grid, .header--row.header-main .style-full-height .primary-menu-ul > li > a {
min-height: 50px;
background-color: #fff; 
}
.header--row.layout-full-contained .customify-container{
background-color: #fff !important;
padding: 0 !important;
}
.header--row.header-main .customify-grid{
top: 0;
max-width: 100%;
border-top: 8px solid var(--default-color);
border-bottom: 1px solid #999;
margin: 0;
padding: 0;
}
.light-mode .site-title, .light-mode .site-title a{
color: #000;
} .menu_sidebar_slide_overlay .header-menu-sidebar {
box-shadow: none;
-webkit-transition: all .5s linear;
transition: all .5s linear;
z-index: 0;
opacity: 0;
top: 0px;
width: 100%;
right: 0px;
bottom: 0px;
}
.menu_sidebar_slide_overlay .builder-item-sidebar {
text-align: center;
padding: 2em 1.5em;
border: none;
position: relative;
}
.menu_sidebar_slide_overlay .builder-item-sidebar:before {
content: "";
width: 8%;
height: 2px;
display: block;
background: rgba(255, 255, 255, 0.08);
position: absolute;
bottom: 0px;
left: 46%;
}
@media screen and (max-width: 64em) {
.menu_sidebar_slide_overlay .builder-item-sidebar:before {
width: 16%;
left: 42%;
}
}
.menu_sidebar_slide_overlay .builder-item-sidebar:last-child:before {
content: none;
}
.menu_sidebar_slide_overlay .builder-item-sidebar[class*="-menu"] {
padding: 2.5em 1.5em;
}
.menu_sidebar_slide_overlay .nav-menu-mobile .menu li a {
border: none;
font-size: 140%;
text-transform: uppercase;
font-weight: 500;
}
.menu_sidebar_slide_overlay .nav-menu-mobile .menu li a .nav-toggle-icon {
display: inline-block;
position: relative;
border: 0px none;
margin-right: -1.3em;
top: -2px;
padding: 0.28em 0.5em;
}
.menu_sidebar_slide_overlay .nav-menu-mobile .sub-menu {
border: none;
}
.menu_sidebar_slide_overlay .nav-menu-mobile .sub-menu li a {
text-transform: none;
padding: 0.35em 1.5em;
font-size: 100%;
}
.menu_sidebar_slide_overlay .header-menu-sidebar-bg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
.menu_sidebar_slide_overlay .header-menu-sidebar-inner {
max-width: 48em;
margin: 3em auto;
padding: 0;
}
.menu_sidebar_slide_overlay .dark-mode .header-menu-sidebar-bg:before {
background: rgba(0, 0, 0, 0.9);
}
.menu_sidebar_slide_overlay .light-mode.close-sidebar-panel .hamburger-inner {
background: rgba(0, 0, 0, 0.6);
}
.menu_sidebar_slide_overlay .light-mode.close-sidebar-panel .hamburger-inner:before, .menu_sidebar_slide_overlay .light-mode.close-sidebar-panel .hamburger-inner::after {
background: inherit;
}
.menu_sidebar_slide_overlay .light-mode.close-sidebar-panel:hover .hamburger-inner {
background: rgba(0, 0, 0, 0.8);
} .menu_sidebar_slide_left .header-menu-sidebar {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
width: 360px;
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transition: -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86), -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
@media screen and (max-width: 35.5em) {
.menu_sidebar_slide_left .header-menu-sidebar {
width: auto;
right: 45px;
}
}
.header-menu-sidebar.dark-mode .header-menu-sidebar-bg:before {
background: #424242;
}
.header-menu-sidebar-inner {
padding-top: 0;
}
#breadcrumb{
max-width: 100%;
margin: 0 auto;
}
#breadcrumb .bc_homelink a span:before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f015';
}
#breadcrumb ul li {
display: inline-block;
padding: 10px 0 0 10px;
}
@media screen and (max-width:767px){
#breadcrumb ul li {
font-size: 11px;
}
}
#breadcrumb ul li:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f054';
padding-left: 5px;
}
#breadcrumb ul li:last-child:after {
content: '';
}
#breadcrumb ul li.breadcrumb_post_title{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 150px;
position: relative;
top: 4px;
}
#breadcrumb ul li.breadcrumb_post_title span{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.customify-builder-social-icons a{
padding: 1em;
}
@media print{
.no_print{
display: none;
}
}
.no_padding_top{
padding-top: 0;
}
table tbody td,
table tbody th {
vertical-align: middle;
}
.border_top_red{
border-top: 2px solid #f6639a;
}
.red{
color: #f6639a;
}
section.section{
width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 1023px){
section.section{
max-width: 100%; 
min-width: auto;
}
}
a:link, a:visited, 
button{
outline-width: 0;
outline:none;
} .contact_btn{
width: 200px;
background: #000;
color: #fff;
padding: 15px 30px;
display: inline-block;
font-size: 16px !important;
}
.contact_btn_small{
width: 90px;
}
.contact_btn:hover{
background: red;
color: #fff;
}
.contact_btn_red_sns:hover{
color: #f6639a !important;
}
.contact_btn_op_sns:hover{
opacity: 0.7;
}
.text_white{
color: white;    
}
.bg_red{
background: #F44336;
}
@media screen and (max-width: 768px) {
section.section{
width: 96%;
margin: 0 auto;
max-width: 100%; 
min-width: 320px;
}
}
.margin_auto_center{
margin: 0 auto !important;
}
.text_font_xxsmall{
font-size: xx-small !important;
}
.text_font_xsmall{
font-size: x-small !important;
}
.text_align_left{
text-align: left !important;
}
.width_80p{
width: 80% !important;
}
#contents .profile a {
text-decoration: underline;
}
.btn,
a.btn,
button.btn {
font-size: 20px;
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: #212529;
border-radius: 0.5rem;
}
.btn:hover,
a.btn:hover,
button.btn:hover{
transition: all 0.5s ease-out;
border-radius: 5px;
background: #e2e2e2;
}
mark, ins{
background: #fff;
}
@media screen and (max-width:767px){
.btn,
a.btn,
button.btn {
border-radius: 5px;
background: #fff;
}
}
.fa-position-left {
position: absolute;
top: calc(50% - .5em);
left: 1rem;
}
.fa-position-right {
position: absolute;
top: calc(50% - .5em);
right: 1rem;
}
.text_bold{
font-weight: 700;
}
.text_red{
color: red;
} .mw_wp_form ul{
display: block;
position: relative;
list-style: none;
font-size: 0;
padding: 0;
}
.mw_wp_form ul li{
font-size: 18px;
font-weight: bold;
display: inline-block;
vertical-align: middle;
width: 48%;
margin: 1% 0;
font-family: var(--list--font-family);
}
.mw_wp_form ul li:first-child{
width: 40%;
margin-right: 5%;
text-align: right;
}
.mw_wp_form ul li input {
vertical-align: middle;
}
.mw_wp_form ul li.horizontal_dd_input_text input{
margin-bottom: 5px;
}
.mw_wp_form .confirm_button{
text-align: center;
}
.margin_h_40{
margin: 20px 0;
}
.sp_only{
display: none !important;
}
@media screen and (max-width:767px){
.pc_only{
display: none !important;
}
.sp_only{
display: inline !important;
}
}
#contents a {
text-decoration: underline;
}
#site-content a[target="_blank"]::after{
font-family: "Font Awesome 5 Free";
content: "\f35d";
margin: 0 4px;
font-weight: 600;
font-size: 0.5em;
}
.main-navigation a:hover, .main-navigation a:focus, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current_page_item a, .main-navigation ul li:hover > a, .main-navigation li.current-menu-ancestor.menu-item-has-children > a:after, .main-navigation li.current-menu-item.menu-item-has-children > a:after, .main-navigation ul li:hover > a:after, .main-navigation li.menu-item-has-children > a:hover:after, .main-navigation li.page_item_has_children > a:hover:after {
color: #9e9e9e;
}
ul li a:hover, ol li a:hover {
color: #9e9e9e;
}
.entry-meta a:hover {
color: #9e9e9e;
}
.n-sld .main-slider{
margin: 0px auto;
max-width: 100%;
}
.pagination, .wp-prev-next {
margin: 3em 0 4em;
}
.pagination, .page-links {
text-align: center;
}
.pagination, .page-links {
margin-top: 15px;
}
.pagination {
margin-bottom: 10px;
}
pagination ul, .page-links ul {
display: block;
text-align: center;
margin: 0;
padding: 0;
clear: both;
}
.pagination li, .page-links li {
margin: 0px 10px !important;
padding: 0!important;
display: inline-block;
vertical-align: middle;
}
.pagination a, .pagination span, .page-links a, .page-links ul > li > span {
margin: 0;
padding: 9px 14px;
text-decoration: none;
line-height: 1;
font-size: 1em;
font-weight: normal;
color: #1BB4D3;
border: 1px solid #1BB4D3;
}
.pagination .current, .page-links ul > li > span {
cursor: default;
color: #fff;
background-color: #1BB4D3;
}
.pagination .current, .pagination .current:hover, .page-links ul > li > span {
background-color: #f5639a;
border-color: #f5639a;
}
.pagination a, .pagination span, .page-links a, .page-links ul > li > span {
margin: 0;
padding: 9px 14px;
text-decoration: none;
line-height: 1;
font-size: 1em;
font-weight: normal;
color: #1BB4D3;
border: 1px solid #1BB4D3;
}
.pagination a, .pagination span, .page-links a {
border-color: #f5639a;
color: #f5639a;
}
.post-image-content{
z-index: 1;
}