のクラス*/
.hidari-moji{
display: inline-block;
text-align: justify;
text-justify: inter-ideograph;
}
/*★改行したくない文字を囲う*/
span.aks {
display: inline-block;
}
/* ★非表示 */
.no{
display:none;
}
/* ========== circle & wave path start ========== */
/* v1.0.2 add */
/* 枠としての svg のサイズ指定 */
.cstm-blk-path-lower-cir svg,
.cstm-blk-path-upper-cir svg{
display: block;
width: 100%;
height: 18vmin;
}
:where(.cstm-blk-path-lower-wave, .cstm-blk-path-upper-wave) svg {
display: block;
fill: #f6f6f6;
width: 100%;
height: 7vmin;
}
.cstm-blk-path-upper-cir,
.cstm-blk-path-upper-wave {
margin-bottom: 0 !important;
}
.cstm-blk-path-upper-wave+.wp-block-cover>.wp-block-cover__inner-container,
.cstm-blk-path-lower-wave+.wp-block-cover>.wp-block-cover__inner-container,
.cstm-blk-path-upper-cir+.wp-block-cover>.wp-block-cover__inner-container,
.cstm-blk-path-lower-cir+.wp-block-cover>.wp-block-cover__inner-container {
padding-top: 3rem;
}
:where(.cstm-blk-path-upper-cir, .cstm-blk-path-upper-wave) {
transform: translateY(1px);
}
:where(.cstm-blk-path-lower-cir, .cstm-blk-path-lower-wave) {
transform: translateY(-22px);
}
/* ========== circle & wave path end ========== */
/*★横スクロールなくす */
body {
overflow-x: clip;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1300px以下*/
@media screen and (max-width: 1300px){
/*★ヘッダーメニュー文字大きさ */
.navi-in a{
font-size:12px;
}
.navi-in .fas {
font-size:14px;
}
.rp-yohaku{
padding:0 0px;
}
}
/*1023px以下*/
@media screen and (max-width: 1023px){
/*★モバイルで上へボタン表示 */
.mblt-header-and-footer-mobile-buttons .go-to-top-button {
display:flex;
}
body:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons) {
margin-top: 0px;
}
.menu-content{
width:30%;
}
body:not(.page-id-123) .main {
top:-8px;
}
.cstm-clip-lower-kaku {
clip-path: polygon(400% 0%, -300% 0%, 50% 100%);
min-height: 88vh !important;
}
.n2-ss-slider .n2-ss-layer{
margin-top:-43px!important;
}
}
/*834px以下*/
@media screen and (max-width: 834px){
/*コピーライト文字調整*/
#footer .source-org.copyright,
#footer .source-org.copyright span,
.copyright {
font-size: 0.9em !important; /* お好みのサイズに */
}
.menu-content{
width:50%;
}
body:not(.page-id-21) .article h2{
font-size:30px;
}
.rote-h-sp-no,
.rote-m-sp-no{
transform: rotate(0deg);
}
.sp-no{
display:none!important;
}
/*★PCだけ改行
*/
.br-pc {
display: none;
}
.pc {
display: none;
}
}
/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
div#n2-ss-2 .n2-ss-slider-1 {
min-height: 650px!important;
}
.cstm-clip-lower-kaku {
clip-path: polygon(400% 0%, -300% 0%, 50% 100%);
min-height: 65vh !important;
}
.n2-ss-slider .n2-ss-layer{
margin-top:-23px!important;
}
body:not(.page-id-21) .article h2{
font-size:24px;
}
#header-container::before {
top: 10px;
}
.mobile-header-menu-buttons .logo-menu-button{
top: -130px;
width: 10em;
height: 10em;
}
.mobile-header-menu-buttons .navi-menu-button {
top:-100px;
right:3px;
}
.cstm-blk-path-lower-cir svg,
.cstm-blk-path-upper-cir svg{
height: 14vmin;
}
}
/*834px以上*/
@media screen and (min-width:834px){
/*★スマホだけ改行
*/
.br-sp {
display: none;
}
.sp {
display: none;
}
}
/*500px以下*/
@media screen and (max-width: 500px){
/*必要ならばここにコードを書く*/
.menu-content{
width:71%;
height:90%;
}
}