@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css2?family=Kaisei+HarunoUmi:wght@500&display=swap");
iframe[src*="maps"],
iframe[data-src*="maps"]{
width: 100%;
height: 400px;
} .wp-block-heading,.c-pageTitle,.c-postTitle__ttl { font-size:2rem;
font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
font-weight: 700;
}  .sidelink li a{
background-color: #822440;
}
.is-style-balloon>.c-tabList .c-tabList__button:before{
border-top: 8px solid #822440;
}   .p-mainVisual__textLayer .p-mainVisual__slideTitle{ font-size: 3.0rem; 
font-family: "Noto Serif JP", serif; letter-spacing: 0.4rem;
}
.p-mainVisual__textLayer .p-mainVisual__slideText{ font-size: 2.5rem;
font-family: "Noto Serif JP", serif; letter-spacing: 0.4rem;
}
@media (max-width: 620px){
.p-mainVisual__textLayer .p-mainVisual__slideTitle{
font-size: 2.4rem;
}
} header#header{
background-color: rgba(255,255,255,0.8);
backdrop-filter: blur(8px);
}
header#header .c-headLogo.logo_white{
display: none;
}
header#header #glt-translate-trigger,
header#header .l-header__menuBtn.sp_,
header#header .l-header__customBtn{
padding: 5px;
width: 50px;
height: 50px;
border-radius: 4px;
}
header#header #glt-translate-trigger:hover,
header#header .l-header__menuBtn.sp_:hover,
header#header .l-header__customBtn:hover{
background-color: rgba(0,0,0,0.1);
backdrop-filter: blur(0);
}
@media (min-width: 940px){
header#header .l-header__menuBtn.sp_,
header#header .l-header__customBtn{
margin-left: 10px;
}
}
.c-headLogo__link img{
width: 300px;
height: auto;
}
.c-widget__title{
display: none;
}
.p-spMenu__nav{
margin-top: 0;
} #body_wrap.home header#header{
background-color: rgba(255,255,255,0.0);
backdrop-filter: blur(0);
}
#body_wrap.home header#header .c-headLogo{
display: none;
}
#body_wrap.home header#header .c-headLogo.logo_white{
display: block;
}
#body_wrap.home header#header #glt-translate-trigger:before{
background-image: url(//hgc.hirogaku.ac.jp/wp-content/themes/swell_child/images/language_icon_white.svg);
}
#body_wrap.home header#header #glt-translate-trigger > span,
#body_wrap.home header#header .c-iconBtn{
color: #FFF !important;
}
#body_wrap.home header#header #glt-translate-trigger,
#body_wrap.home header#header .l-header__menuBtn.sp_,
#body_wrap.home header#header .l-header__customBtn{
padding: 5px;
width: 50px;
height: 50px;
border-radius: 4px;
}
#body_wrap.home header#header #glt-translate-trigger:hover,
#body_wrap.home header#header .l-header__menuBtn.sp_:hover,
#body_wrap.home header#header .l-header__customBtn:hover{
background-color: rgba(0,0,0,0.6);
} #body_wrap.home header#header.scroll_design{
background-color: rgba(255,255,255,0.8);
backdrop-filter: blur(8px);
}
#body_wrap.home header#header.scroll_design .c-headLogo{
display: block;
}
#body_wrap.home header#header.scroll_design .c-headLogo.logo_white{
display: none;
}
#body_wrap.home header#header.scroll_design #glt-translate-trigger:before{
background-image: url(//hgc.hirogaku.ac.jp/wp-content/themes/swell_child/images/language_icon.svg);
}
#body_wrap.home header#header.scroll_design #glt-translate-trigger > span,
#body_wrap.home header#header.scroll_design .c-iconBtn{
color: #000 !important;
}
#body_wrap.home header#header.scroll_design #glt-translate-trigger:hover,
#body_wrap.home header#header.scroll_design .l-header__menuBtn.sp_:hover,
#body_wrap.home header#header.scroll_design .l-header__customBtn:hover{
background-color: rgba(0,0,0,0.1);
backdrop-filter: blur(0);
}
#glt-translate-trigger > span{
color: #000 !important;
}
:root{
--swl-fz--root: inherit;
} @media (min-width: 960px) {
.l-header {
position: fixed!important;
background: transparent;
}
.p-breadcrumb { }
#body_wrap.page,
#body_wrap.single,
#body_wrap.blog,
#body_wrap.archive,
#body_wrap.category{
margin-top: 92px;
}
#body_wrap.page.home{
margin-top: 0;
}
} .l-header .l-container {
max-width: 100%!important;
}
.-sidebar-on .l-content{
max-width: 1920px;
} nav#gnav {
display: none;
}
.l-header__menuBtn.sp_ {
display: block!important; }
.-series .l-header__inner {
align-items: center; }
.p-spMenu {
display: block; z-index: 3000;
}
.p-spMenu__inner {
--color_menu_text: #000000; --color_menu_bg: rgba(255 255 255 / 85%); width: 545px;
}
.-right .p-spMenu__inner {
transform: translateX(100%);
}
[data-spmenu=opened] .-right .p-spMenu__inner{
transform: translateX(0);
}
.l-header__customBtn {
display: block !important;
height: var(--logo_size_sp);
line-height: 1.25;
text-align: center;
width: var(--logo_size_sp);
}
.-series .l-header__logo {
align-items: center;
display: flex;
flex-wrap: wrap;
margin-right: auto !important;
padding: 16px 0; }
.p-spMenu__body{
max-width: 620px;
margin: auto;
overflow-y: auto;
}
@media (max-width: 960px){
.l-header__inner{
padding: 0 16px;
}
.c-headLogo{
height: 56px;
}
.-img .c-headLogo__link{
padding: 0;
}
.p-spMenu__inner {
width: 100vw;
}
} .sidelink{
position: fixed;
top: 180px;
right: 0;
z-index: 1000;
display: flex;
flex-direction: column;
align-items: flex-end;
padding-left: 0 !important;
}
.sidelink li{
list-style: none;
margin: 5px 0 5px 5px;
}
.sidelink li a{
display: block;
writing-mode: vertical-rl;
padding: 20px 8px;
color: #FFF;
border-radius: 10px 0 0 10px;
border: 1px solid #FFF;
border-right: 0;
transition: 0.3s;
}
.sidelink li a:hover{
padding: 20px 20px 20px 8px;
}
@media (max-width: 620px){
.sidelink{
display: none;
}
} #glt-translate-trigger{
height: 40px;
width: 50px;
text-shadow: none;
box-shadow: none;
font-family: inherit;
right: 130px;
background: transparent;
top: 17px !important;
font-weight: normal;
padding: 0;
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
#glt-translate-trigger:before{
content: "";
width: 22px;
height: 22px;
display: block;
background-image: url(//hgc.hirogaku.ac.jp/wp-content/themes/swell_child/images/language_icon.svg);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
margin-top: 2px;
}
#glt-translate-trigger > span{
font-size: 9px;
}
.tool-items{
background-color: #FFF;
padding: 8px;
margin-top: 10px;
border-radius: 40px;
box-shadow: 0 0 8px -2px rgba(0,0,0,0.4);
}
.l-header__menuBtn.sp_,
.l-header__customBtn{
margin-left: 5px;
} div.top #content{
padding: 0;
}
div.top .l-content{
padding-top: 0;
}
div.top .w-frontTop{
margin-bottom: 0px;
}
div.top #main_content .l-mainContent__inner > .post_content{
margin: 0;
padding: 0;
}
div.top .w-frontBottom{
margin-top: 0;
} .w-frontTop{
}
.w-frontTop ul{
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 5px 0;
}
.w-frontTop ul li{ border-radius: 4px;
width: 15%;
min-width: 140px;
}
.w-frontTop ul li a{ display: flex;
justify-content: center;
border: 0;
font-weight: 500;
color: #FFF;
font-size: 1rem;
transition: 0.3s;
border-radius: 4px;
}
.c-listMenu a:hover{
padding: 15px 20px;
background-color: rgba(0,0,0,0.2);
}
.w-frontTop .c-listMenu a:before{
display: none;
} .post_content>:last-child.pickup_box{
padding-top: 80px !important;
} div.home .l-content #custom_html-7{ }
div.home .l-content #custom_html-7 h2{
border: 0;
text-align: center;
font-size: 2.0rem;
margin-bottom: 30px;
}
div.home .l-content #custom_html-7 h2 span{
color: #6C2C46;
border-bottom: 3px solid rgba(108,44,70,0.3);
padding: 0 20px 10px;
}
@media (max-width: 960px){
div.home .l-content #custom_html-7{
padding: 80px 20px;
}
div.home .wp-container-core-group-layout-1.wp-container-core-group-layout-1{
flex-wrap: wrap;
}
div.home .wp-container-core-group-layout-1.wp-container-core-group-layout-1 .wp-block-image{
max-width: calc(50% - 30px);
}
}
@media (min-width: 960px){
.-sidebar-on .l-content{
justify-content: center;
}
}
#main_content{
max-width: 1080px;
width: 100%;
}
#body_wrap.home #main_content{
max-width: none;
width: 100%;
}
@media (max-width: 620px){
div.home .l-content #custom_html-7 h2{
font-size: 1.5rem;
}
} div.home .l-content #custom_html-4{
padding: 60px 0;
background-color: #f4efef;
margin-top: 0;
}
@media (max-width: 960px){
div.home .l-content #custom_html-4{
padding: 80px 20px;
}
}
div.home .l-content #custom_html-4 h2{
border: 0;
text-align: center;
font-size: 2.0rem;
} div.home .l-content #custom_html-4 .custom-html-widget{
width: calc(100% - 40px);
max-width: 1080px;
margin: auto;
}
.-sidebar-off .-type-thumb.-pc-col3 .p-postList__item{
width: 25%;
min-width: 280px;
}
.-sidebar-off .-type-thumb.-pc-col3 .p-postList__item{
width: calc(100% / 4);
min-width: inherit;
}
@media (max-width: 1240px){
.-sidebar-off .-type-thumb.-pc-col3 .p-postList__item{
width: 50% !important;
}
}
@media (max-width: 620px){
.-sidebar-off .-type-thumb.-pc-col3 .p-postList__item{
width: calc(100% - 40px) !important;
}
div.home .l-content #custom_html-4 h2{
font-size: 1.5rem;
}
}
.p-postList.-type-thumb{
justify-content: center;
}
.c-postThumb__cat{
background-color: #04384c;
}
.p-postList__link{
border-radius: 4px;
overflow: hidden;
} div.home .l-content #custom_html-5{ margin: 0;
}
@media (max-width: 960px){
div.home .l-content #custom_html-5{
padding: 80px 20px;
}
div.home .wp-container-core-group-layout-2.wp-container-core-group-layout-2{
flex-wrap: wrap;
}
div.home .wp-container-core-group-layout-2.wp-container-core-group-layout-2 .wp-block-image{
max-width: calc(50% - 30px);
}
}
div.home .l-content #custom_html-5 h2{
border: 0;
text-align: center;
font-size: 2.0rem;
}
div.home .l-content #custom_html-5 h2 span{
color: #6C2C46;
border-bottom: 3px solid rgba(108,44,70,0.3);
padding: 0 20px 10px;
}
@media (max-width: 620px){
div.home .l-content #custom_html-5 h2{
font-size: 1.5rem;
}
} div.home .l-content #custom_html-6{
margin: 60px auto;
background-color: #ECECEC;
}
@media (max-width: 960px){
div.home .l-content #custom_html-6{
padding: 80px 20px;
}
}
div.home .l-content #custom_html-6 ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 60px 0;
max-width: 1920px;
margin: auto;
}
div.home .l-content #custom_html-6 ul li{
margin: 10px;
padding: 0;
list-style: none;
} footer#footer{
background-color: #222222;
}
#before_footer_widget{
margin: 60px auto 0;
} .w-beforeFooter ul.menu{
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center;
}
@media (max-width: 960px){
.w-beforeFooter ul.menu{
display: none;
}
}
.w-beforeFooter ul.menu > li{
border: 1px solid #DDD;
padding: 10px;
margin: 10px;
}
@media (min-width: 1280px){
.w-beforeFooter ul.menu > li{
width: calc(100% / 7 - 20px);
}
}
@media (max-width: 1279px){
.w-beforeFooter ul.menu > li{
width: 240px;
}
}
.w-beforeFooter ul.menu li:nth-child(n+8){
display: none;
}
.w-beforeFooter .c-listMenu .sub-menu{
display: block !important;
opacity: 1 !important;
height: auto !important;
}
.w-beforeFooter ul.menu > li ul.sub-menu > li  ul.sub-menu{
display: none !important;
}
.w-beforeFooter .c-submenuToggleBtn{
display: none;
}
.w-beforeFooter .c-listMenu{
padding: 10px;
}
.w-beforeFooter .c-listMenu a{
padding: 10px !important;
}
.w-beforeFooter .c-listMenu .menu > li > a{
margin-bottom: 5px;
}
.w-beforeFooter .c-listMenu a:hover{
padding-top: 10px;
padding-bottom: 10px;
}
.w-beforeFooter .c-listMenu .sub-menu a{
border: 0;
padding: 5px 10px !important;
} .footer_menu .p-blogParts{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: baseline;
font-size: 85%;
}
.footer_menu .p-blogParts .footer_menu_block{
width: 280px;
margin: 20px;
}
.footer_menu .p-blogParts .footer_menu_block h4{
border: 0;
border-bottom: 1px dashed #FFF;
padding: 8px;
margin-bottom: 15px;
} .footer_nav .wp-block-group__inner-container{
display: flex;
align-items: center;
justify-content: center;
}
#footer_logo{
max-width: 300px;
display: flex;
align-items: center;
margin: 0;
}
ul#footer_link{
display: flex;
justify-content: center;
align-items: center;
}
ul#footer_link li{
list-style: none;
font-size: 80%;
}
ul#footer_link li:before{
content: "｜";
margin: 0 10px;
}
ul#footer_link li:last-child:after{
content: "｜";
margin: 0 10px;
}
@media (max-width: 940px){
.footer_nav .wp-block-group__inner-container{
flex-direction: column;
}
#footer_logo{
margin: 40px auto 20px !important;
}
ul#footer_link{
flex-direction: column;
padding: 0;
}
ul#footer_link:before{
margin-top: 40px;
margin-right: 0;
margin-bottom: 30px;
}
ul#footer_link li{
width: 280px;
}
ul#footer_link li:before,
ul#footer_link li:last-child:after{
display: none;
}
ul#footer_link li a {
border-bottom: 1px dashed #FFF;
display: block;
padding-bottom: 5px;
}
}