@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Permanent+Marker');
@import url（ 'https://fonts.googleapis.com/css2？family = Inter：wght @ 100; 200; 300; 400; 500; 600; 700; 800; 900＆family = Permanent + Marker＆family = Potta + One＆ display = swap '）;
/*****************************************************************************************/
/* */
/*****************************************************************************************/
:root {
--forecolor:#000000;
--backcolor:#fafafa;
--bordercolor:#c3d8e9;
--themecolor:#cc8030;
--themebkcolor:#f2f5f8;
--themecolorclear:#f5e6d6;
--themecolorcaption-1:#28a5978a; /* rgba(40, 165, 151, 0.54) */
--themecolorcaption-2:#31b9aab8; /* rgba(49, 185, 170, 0.72) */
--themecolorcaption-1l:#61ebdb8a; /* rgba(97, 235, 219, 0.54) */
--theme2color:#0075a9;
--theme2bkcolor:#f2f5f8;
--theme2bdcolor:#aaaaaa;
/*--theme2colorclear:#0075a933;*/
--theme2colorclear:#e6f2fc;
--theme2colorcaption-1:#0042a58a; /* rgba(0, 66, 165, 0.54) */
--theme2colorcaption-2:#004995b8; /* rgba(0, 73, 149, 0.72) */
--theme2colorcaption-1l:#227aff8a; /* rgba(34, 122, 255, 0.72) */
--menubkcolor:#039eec;
--menucolor:#ffffff;
--menuonbkcolor:#039eec;
--menuoncolor:#ffffff;
--menudfbkcolor:#039eec;
--menudfcolor:#fafafa;
--hmenubkcolor:#0000ee;
--hmenucolor:#ffffff;
--hmenuonbkcolor:#0000aa;
--hmenuoncolor:#ffffff;
--hmenudfbkcolor:#0000ee;
--hmenudfcolor:#fafafa;
--consultationcolor:#ff6900;
--consultationbkcolor:#f2f5f8;
/*--consultationcolorclear:#ff690033;*/
--consultationcolorclear:#ffe1cc;
--new-color:#ff0000;
--captioncolor:#2457aa;
--caption2color:#e5e5e5;
--contentsbackcolor:#ffffff;
}
/*****************************************************************************************/
/* floatプロパティによる回り込みを解除( [float要素]
) */
/*****************************************************************************************/
.clearfix::after {
content: "";
display: block;
clear: both;
}
/*****************************************************************************************/
/* */
/* 基本スタイル */
/* */
/*****************************************************************************************/
/*------------------------------------------*/
/* body */
/*------------------------------------------*/
body{
margin: 0;
padding: 0;
font-size: 1rem;
font-family: "Helvetica Neue","Helvetica","Arial", "游ゴシック体", "游ゴシック","ヒラギノ角ゴ Pro","Osaka","メイリオ","ＭＳ Ｐゴシック" , "Noto Sans JP", sans-serif;
color: var(--forecolor); /* 標準文字色 */
background-color: var(--backcolor);
font-family: '油性ペン',筆記体;
}
/* Safari用ハック 文字サイズ調整 */
/*\*/
html:\66irst-child body{
font-size: 1rem;
}
/* end */
/*------------------------------------------*/
/* section */
/*------------------------------------------*/
section{
margin: 0;
padding:0;
}
/*------------------------------------------*/
/* img */
/*------------------------------------------*/
img{
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
}
/*------------------------------------------*/
/* a */
/*------------------------------------------*/
a {
color: #2457aa;
text-decoration: none;
}
a:link{
color: #2457aa;
text-decoration: none;
}
a:visited{
color: #2457aa;
text-decoration: none;
}
a:active{
color: #2457aa;
text-decoration: underline;
}
a:hover{
color: #2457aa;
text-decoration: underline;
}
/*****************************************************************************************/
/* */
/* 共通スタイル */
/* */
/*****************************************************************************************/
/*------------------------------------------*/
/* フォント */
/*------------------------------------------*/
.Gothic{
font-family: "游ゴシック体", "游ゴシック","ヒラギノ角ゴ Pro","Osaka","メイリオ", "ＭＳ Ｐゴシック", "Helvetica Neue","Helvetica","Arial",sans-serif;
/*
font-family: 'Inter',sans-serif;
font-family: 'Potta One',筆記体;
font-family: '油性ペン',筆記体;
*/
}
.Mincho{
font-family: "游明朝体", "游明朝","ヒラギノ明朝 Pro", "ＭＳ Ｐ明朝","Times New Roman", serif;
}
/*------------------------------------------*/
/* 余白 */
/*------------------------------------------*/
.spacer {
height:5rem;
}
/*------------------------------------------*/
/* 左１文字分余白 */
/*------------------------------------------*/
.pad-left{
padding-left:1em;
}
/*------------------------------------------*/
/* テキスト配置 */
/*------------------------------------------*/
.tx-left {
text-align: left;
}
.tx-center {
text-align: center;
}
.tx-right {
text-align: right;
}
/*------------------------------------------*/
/* 縦書き */
/*------------------------------------------*/
.horizontal{
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.text-combine {
-webkit-text-combine: horizontal;
-ms-text-combine-horizontal: all;
text-combine-upright: all;
}
/*------------------------------------------*/
/* 反射文字 */
/*------------------------------------------*/
.below {
position: relative;
line-height: 1.4;
-webkit-box-reflect: below -10px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 10%,rgba(0, 0, 0, 0.6));
}
/*------------------------------------------*/
/* 新規投稿NEWマークの色 */
/*------------------------------------------*/
.new-txt{
color: var(--new-color);
}
/*------------------------------------------*/
/* マーク */
/*------------------------------------------*/
.post-icon:before{
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f7d7 ";
}
.phone-icon:before{
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f095 ";
}
.fax-icon:before{
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f1ac ";
}
.mail-icon:before{
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f0e0 ";
}
/*------------------------------------------*/
/* 画面幅により要素を表示/非表示 */
/*------------------------------------------*/
@media screen and (max-width:600px) {
.disp-none{
display:none;
}
.disp-sm{
display:inline-block;
}
.disp-md{
display:none;
}
.disp-lg{
display:none;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
.disp-none{
display:none;
}
.disp-sm{
display:none;
}
.disp-md{
display:inline-block;
}
.disp-lg{
display:none;
}
}
@media print , screen and (min-width:1024px) {
.disp-none{
display:none;
}
.disp-sm{
display:none;
}
.disp-md{
display:inline-block;
}
.disp-lg{
display:inline-block;
}
}
/*------------------------------------------*/
/* ブラー効果 (ぼかし) */
/*------------------------------------------*/
.blur img {
box-sizing: border-box;
-webkit-filter: blur(8px);
filter: blur(8px);
-webkit-transition: .1s;
transition: .1s;
}
.blur-gray img {
-webkit-filter: grayscale(100%) blur(8px);
filter: grayscale(100%) blur(8px);
}
/*------------------------------------------*/
/* フェードイン */
/*------------------------------------------*/
.fadein{
opacity: 0;
transition:0.5s;
}
.fadein.is-show{
opacity: 1;
transform: translate(0,0);
}
.fadein.timing01 {transition:0.5s 1s;}
.fadein.timing02 {transition:0.5s 2s;}
.fadein.timing03 {transition:0.5s 3s;}
.fadein.timing04 {transition:0.5s 4s;}
.fadein.timing05 {transition:0.5s 5s;}
.fadein.timing06 {transition:0.5s 6s;}
.fadein.timing07 {transition:0.5s 7s;}
.fadein.timing08 {transition:0.5s 8s;}
.fadein.timing09 {transition:0.5s 9s;}
.fadein.timing10 {transition:0.5s 10s;}
.in-left{
transform: translate(-80px,0);
}
.in-right{
transform: translate(80px,0);
}
.in-top{
transform: translate(0,-50px);
}
.in-bottom{
transform: translate(0,50px);
}
.scrollin{
opacity:1;
transform: translate(0,0);
}
/*------------------------------------------*/
/* 4：3画像 */
/*------------------------------------------*/
.img-wrap{
box-sizing: border-box;
width: 100%;
aspect-ratio: 4 / 3 ;
}
.img-wrap img{
width: 100%;
height: 100%;
object-fit:contain; /* アスペクト比を維持したまま、要素に収まるように拡大縮小 */
}
/*------------------------------------------*/
/* イメージを並べる */
/*------------------------------------------*/
/*--------------------------------------------------------
--------------------------------------------------------*/
.image-box{
box-sizing: border-box;
display:flex;
flex-wrap : wrap;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
padding:0px;
margin:0px;
width:100%;
}
.image-box img{
padding:5px;
margin:0px;
object-fit: cover;
object-position: 50% 50%;
}
/*------------------------------------------*/
/* 横に並べる */
/*------------------------------------------*/
.box-wapper{
box-sizing: border-box;
margin: 0;
padding: 0;
display:flex;
flex-wrap:wrap;
width:100%;
}
.box-wapper img{
box-sizing: border-box;
margin:0;
padding: 0px;
width:100%;
overflow:hidden;
}
/*------------------------------------------*/
/* flex box */
/*------------------------------------------*/
/* 行 */
.flex-row{
display:-ms-flexbox;
display:flex;
align-items:stretch;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.flex-row-center{
display:-ms-flexbox;
display:flex;
align-items:stretch;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.flex-row-reverse{
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-nowrap{
-ms-flex-wrap:nowrap !important;
flex-wrap:nowrap !important;
}
.flex-space{
justify-content: space-between !important;
}
/* 列 */
.flex-column-left{
display:-ms-flexbox;
display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack:start;
align-content: flex-start;
}
.flex-column-cneter{
display:-ms-flexbox;
display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack:center;
align-content:center;
}
.flex-column-right{
display:-ms-flexbox;
display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack:end;
align-content:flex-end;
}
.flex-column-reverse{
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flexitem{
flex-grow:1;
}
.flexitem-grow{
flex-grow:1;
}
/*------------------------------------------*/
/* 幅指定 (レスポンシブ) */
/*------------------------------------------*/
.w5-m100 {
width:100%;
}
@media screen and (min-width:320px){.w5-m100{width:100%;}}
@media screen and (min-width: 600px) and (max-width: 1024px){.w5-m100{width:5%;}}
@media print , screen and (min-width:1024px){.w5-m100{width:5%;}}
.w10-m100 {
width:100%;
}
@media screen and (min-width:320px){.w10-m100{width:100%;}}
@media screen and (min-width: 600px) and (max-width: 1024px){.w10-m100{width:10%;}}
@media print , screen and (min-width:1024px){.w10-m100{width:10%;}}
.w20-m100 {
width:100%;
}
@media screen and (min-width:320px){.w20-m100{width:100%;}}
@media screen and (min-width: 600px) and (max-width: 1024px){.w20-m100{width:20%;}}
@media print , screen and (min-width:1024px){.w20-m100{width:20%;}}
.w20-m50 {
width:50%;
}
@media screen and (min-width:320px){.w20-m50{width:50%;}}
@media screen and (min-width: 600px) and (max-width: 1024px){.w20-m50{width:20%;}}
@media print , screen and (min-width:1024px){.w20-m50{width:20%;}}
.w25-m100 {
width:100%;
}
@media screen and (min-width:320px){.w25-m100{width:100%;}}
@media screen and (min-width: 600px) and (max-width: 1024px){.w25-m100{width:25%;}}
@media print , screen and (min-width:1024px){.w25-m100{width:25%;}}
.w25-m50 {
width:50%;
}
@media screen and (min-width:320px){.w25-m50{width:50%;}}
@media screen and (min-width: 600px) and (max-width: 1024px){.w25-m50{width:25%;}}
@media print , screen and (min-width:1024px){.w25-m50{width:25%;}}
.w30-m100 {
width:100%;
}
@media screen and (min-width:320px){.w30-m100{width:100%;}}
@media screen and (min-width: 600px) and (max-width: 1024px){.w30-m100{width:30%;}}
@media (min-width:1200px){.w30-m100{width:30%;}}
.w30-m50 {
width:50%;
}
@media screen and (min-width:320px){.w30-m50{width:50%;}}
@media screen and (min-width: 600px) and (max-width: 1024px){.w30-m50{width:30%;}}
@media print , screen and (min-width:1024px){.w30-m50{width:30%;}}
.w40-m100 {
width:100%;
}
@media screen and (min-width:320px){.w40-m100{width:100%;}}
@media screen and (min-width: 600px) and (max-width: 1024px){.w40-m100{width:40%;}}
@media print , screen and (min-width:1024px){.w40-m100{width:40%;}}
.w40-m50 {
width:50%;
}
@media screen and (min-width:320px){.w40-m50{width:50%;}}
@media screen and (min-width: 600px) and (max-width: 1024px){.w40-m50{width:40%;}}
@media print , screen and (min-width:1024px){.w40-m50{width:40%;}}
.w50-m100 {
width:100%;
}
@media screen and (min-width:320px){.w50-m100{width:100%;}}
@media screen and (min-width: 600px) and (max-width: 1024px){.w50-m100{width:50%;}}
@media print , screen and (min-width:1024px){.w50-m100{width:50%;}}
.w60-m100 {
width:100%;
}
@media screen and (min-width:320px){.w60-m100{width:100%;}}
@media screen and (min-width: 600px) and (max-width: 1024px){.w60-m100{width:60%;}}
@media print , screen and (min-width:1024px){.w60-m100{width:60%;}}
.w70-m100 {
width:100%;
}
@media screen and (min-width:320px){.w70-m100{width:100%;}}
@media screen and (min-width: 600px) and (max-width: 1024px){.w70-m100{width:70%;}}
@media print , screen and (min-width:1024px){.w70-m100{width:70%;}}
.w80-m100 {
width:100%;
}
@media screen and (min-width:320px){.w80-m100{width:100%;}}
@media screen and (min-width: 600px) and (max-width: 1024px){.w80-m100{width:80%;}}
@media print , screen and (min-width:1024px){.w80-m100{width:80%;}}
/*------------------------------------------*/
/* 幅指定 */
/*------------------------------------------*/
.w5 {
width:5%;
}
.w10 {
width:10%;
}
.w20 {
width:20%;
}
.w25 {
width:25%;
}
.w30 {
width:30%;
}
.w40 {
width:40%;
}
.w50 {
width:50%;
}
.w60 {
width:60%;
}
.w70 {
width:70%;
}
.w80 {
width:80%;
}
.w90 {
width:90%;
}
.w100 {
width:100%;
}
.h100 {
height:100%;
}
/*------------------------------------------*/
/* 「戻る」ボタンスタイル */
/*------------------------------------------*/
.return-home {
margin-top:8px;
margin-right:auto;
margin-bottom:8px;
margin-left: auto;
padding: 0;
width:100px;
}
.return-home a {
text-decoration: none;
}
.return-home a:link{
text-decoration: none;
}
.return-home a:visited{
text-decoration: none;
}
.return-home a:hover{
text-decoration: none;
}
.return-home a:active{
text-decoration: none;
}
.return-home-button {
padding:8px;
width:100%;
height:100%;
color: var(--themebkcolor);
background-color: var(--themecolor);
border: var(--themecolor) solid 1px;
text-align: center;
}
.return-home-button:hover {
color: var(--themecolor);
background-color: var(--themecolorclear);
border: var(--themecolor) solid 1px;
}
/*------------------------------------------*/
/* area-content */
/*------------------------------------------*/
@media screen and (max-width:600px){
.area-content {
width: 100%;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px){
.area-content{
width: 100%;
max-width: 960px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
}
@media print , screen and (min-width:1024px){
.area-content{
width: 960px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
}
/*------------------------------------------*/
/* wrapper */
/*------------------------------------------*/
.wrapper {
margin: 0px;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 16px;
padding-right: 16px;
border: none;
}
/*------------------------------------------*/
/* 斜め境界背景 */
/*------------------------------------------*/
.area-up-left {
margin: 0;
padding: 0;
position: relative;
width:100%;
color: var(--forecolor);
background-color: var(--backcolor);
}
.area-up-left::after {
content: '';
position: absolute;
left:0;
top: 0;
transform: skewY(2deg);
transform-origin: top right;
width:100%;
height:100%;
color: var(--forecolor);
background-color: var(--backcolor);
}
.area-up-right {
margin: 0;
padding: 0;
position: relative;
width:100%;
color: var(--forecolor);
background-color: var(--backcolor);
}
.area-up-right::after {
content: '';
position: absolute;
left:0;
top: 0;
transform: skewY(-2deg);
transform-origin: top left;
width:100%;
height:100%;
color: var(--forecolor);
background-color: var(--backcolor);
}
.area-down-left {
margin: 0;
padding: 0;
position: relative;
width:100%;
color: var(--forecolor);
background-color: var(--backcolor);
}
.area-down-left::after {
content: '';
position: absolute;
left:0;
top: 0;
transform: skewY(-2deg);
transform-origin: bottom right;
width:100%;
height:100%;
color: var(--forecolor);
background-color: var(--backcolor);
}
.area-down-right {
margin: 0;
padding: 0;
position: relative;
width:100%;
color: var(--forecolor);
background-color: var(--backcolor);
}
.area-down-right::after {
content: '';
position: absolute;
left:0;
top: 0;
transform: skewY(2deg);
transform-origin: bottom left;
width:100%;
height:100%;
color: var(--forecolor);
background-color: var(--backcolor);
}
/*------------------------------------------*/
/* 斜め境界背景(themecolor) */
/*------------------------------------------*/
.area-r-up-left {
margin: 0;
padding: 0;
position: relative;
width:100%;
color: var(--themecolor);
background-color: var(--themecolorclear);
}
.area-r-up-left::after {
content: '';
position: absolute;
left:0;
top: 0;
transform: skewY(2deg);
transform-origin: top right;
width:100%;
height:100%;
color: var(--themecolor);
background-color: var(--themecolorclear);
}
.area-r-up-right {
margin: 0;
padding: 0;
position: relative;
width:100%;
color: var(--themecolor);
background-color: var(--themecolorclear);
}
.area-r-up-right::after {
content: '';
position: absolute;
left:0;
top: 0;
transform: skewY(-2deg);
transform-origin: top left;
width:100%;
height:100%;
color: var(--themecolor);
background-color: var(--themecolorclear);
}
.area-r-down-left {
margin: 0;
padding: 0;
position: relative;
width:100%;
color: var(--themecolor);
background-color: var(--themecolorclear);
}
.area-r-down-left::after {
content: '';
position: absolute;
left:0;
top: 0;
transform: skewY(-2deg);
transform-origin: bottom right;
width:100%;
height:100%;
color: var(--themecolor);
background-color: var(--themecolorclear);
}
.area-r-down-right {
margin: 0;
padding: 0;
position: relative;
width:100%;
color: var(--themecolor);
background-color: var(--themecolorclear);
}
.area-r-down-right::after {
content: '';
position: absolute;
left:0;
top: 0;
transform: skewY(2deg);
transform-origin: bottom left;
width:100%;
height:100%;
color: var(--themecolor);
background-color: var(--themecolorclear);
}
/*------------------------------------------*/
/* 背景模様(image) */
/*------------------------------------------*/
.bk-image{
background-image: url(../images/back-image.jpg);
background-size:cover;
background-repeat: repeat;
position: relative;
}
.bk-image::before {
content: '';
position: absolute;
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
background: inherit;
filter: blur(5px);
z-index: -1;
}
/*------------------------------------------*/
/* 背景模様（image）クロス */
/*------------------------------------------*/
.cross {
height: 100%;
background-image: repeating-linear-gradient(
-45deg,
transparent,
transparent 10px,
var(--themecolorclear) 10px,
var(--themecolorclear) 20px
),
repeating-linear-gradient(
45deg,
transparent,
transparent 10px,
var(--themecolorclear) 10px,
var(--themecolorclear) 20px
);
}
/*------------------------------------------*/
/* 背景模様 ステッチ(青) */
/*------------------------------------------*/
.stitch {
box-sizing: border-box;
margin: 4px 4px;
padding: 12px 12px;
text-align: left;
line-height: 2.5;
background: #0D47A1;
color: #fff;
border: 2px dashed #fff;
border-radius: 2px;
box-shadow: 0 0 0 4px #0D47A1;
max-width:calc(100% - 8px);
}
/*------------------------------------------*/
/* スキップリンク */
/*------------------------------------------*/
#skip-link a {
position: absolute;
width: 1px;
height: 1px;
clip: rect(1px, 1px, 1px, 1px);
}
#skip-link a:focus,
#skip-link a:active {
display: block;
width: 15em;
height: auto;
top: 5px;
left: 5px;
clip: auto;
z-index: 1000;
font-size: 1.8rem;
padding: 5px;
background-color: #FFF;
border: #CCC solid 1px;
text-align: center;
}
/*------------------------------------------*/
/* スキップリンク先スタイル */
/*------------------------------------------*/
#irori-title{
margin-left: -1000px;
}
/*------------------------------------------*/
/* パンくずリスト */
/*------------------------------------------*/
.breadcrumb {
padding: 4px 0px 4px 0px;
list-style: none;
font-size:14px;
}
.breadcrumb a {
color: #428bca;
text-decoration: none;
position: relative;
display: inline-block;
text-decoration: none;
}
.breadcrumb a::after {
position: absolute;
bottom: -3px;
left: 0;
content: '';
width: 100%;
height: 2px;
background: #0000ff;
transform: scale(0, 1);
transform-origin: center top;
transition: transform .3s;
}
.breadcrumb a:hover::after {
transform: scale(1, 1);
}
/*------------------------------------------*/
/* summary */
/*------------------------------------------*/
summary.ani-paint{
display: block;
position: relative;
box-sizing: border-box;
margin:0;
padding: 4px 8px;
text-align: center;
list-style: none;
cursor: pointer;
text-decoration: none;
color: var(--themecolor);
background: transparent;
background: var(--themecolorclear);
transition: .8s;
z-index: 1;
}
summary.ani-paint::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
color: var(--themebkcolor);
background: var(--themecolor);
transform-origin: 100% 50%;
transform: scaleX(0);
transition: transform ease .5s;
}
summary.ani-paint:hover {
color: var(--themebkcolor);
}
summary.ani-paint:hover::before {
transform-origin: 0% 50%;
transform: scaleX(1);
}
summary::-webkit-details-marker {
display: none;
}
summary:focus {
outline: none;
}
details[open] summary.ani-paint {
list-style: none;
cursor: pointer;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
/*color: var(--themecolor);
background: var(--themebkcolor);
border-bottom: solid 6px var(--themebkcolor);
border-radius: 0px 0px 0px 0px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);*/
transition: .4s;
}
summary.ani-paint span.bold{
font-size: 24px;
padding-right: 6px;
text-transform: capitalize;
font-weight:bolder;
}
summary.ani-paint span.normal{
font-weight: normal;
}
summary.ani-paint::after {
content: '+';
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
transition: transform 0.5s;
font-size: 24px;
}
details[open] summary.ani-paint::after {
transform: translateY(-50%) rotate(45deg);
}
details {
transition: 1s;
margin-top: 10px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
overflow: hidden;
}
/*------------------------------------------*/
/* sidenavi */
/*------------------------------------------*/
@media screen and (max-width:600px){
.sidenavi{
width: 100%;
float: left;
padding-bottom: 20px;
}
.side_widget{
box-sizing: border-box;
width: 100% ;
float: left;
padding-left: 5px;
padding-right: 5px;
overflow:hidden;
}
.side_widget img{
width: 100%;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px){
.sidenavi{
width: 100%;
float: left;
padding-bottom: 20px;
}
.side_widget{
box-sizing: border-box;
width: 50%;
float: left;
padding-left: 5px;
padding-right: 5px;
}
.side_widget img{
width: 100%;
}
}
@media print , screen and (min-width:1024px){
.sidenavi{
width: 100%;
float: left;
padding-bottom: 20px;
}
.side_widget{
box-sizing: border-box;
width: 33%;
float: left;
padding-left: 0px;
padding-right: 0px;
}
.side_widget img{
width: 100%;
}
}
/*------------------------------------------*/
/* テーブル */
/*------------------------------------------*/
@media screen and (max-width:600px){
.responsive-table table {
margin:0;
padding:0;
width:100% !important;
border-collapse: collapse;
border:1px solid #4f4f4f;
}
.responsive-table table tr{
display:block;
width:100% !important;
}
.responsive-table table th{
box-sizing: border-box;
padding: 10px 5px;
border:1px solid #4f4f4f;
display:block;
width:100% !important;
border-top:none;
color: #ffffff;
background-color: #4f4f4f;
}
.responsive-table table td{
box-sizing: border-box;
padding: 10px 5px;
border:1px solid #4f4f4f;
display:block;
width:100% !important;
border-top:none;
color: #000000;
background-color: #ffffff;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px){
.responsive-table table {
margin:0;
padding:0;
width:100%;
border-collapse: collapse;
}
.responsive-table1 table tr{
display:table-row;
}
.responsive-table table th{
display:table-cell;
padding: 10px 15px;
width:30%;
color:#ffffff;
border:1px solid #dddddd;
background-color: #4f4f4f;
}
.responsive-table table td{
display:table-cell;
padding: 10px 15px;
border:1px solid #dddddd;
/* width:auto; */
color:#4f4f4f;
background-color: #ffffff;
}
}
@media print , screen and (min-width:1024px){
.responsive-table table {
margin:0;
padding:0;
width:100%;
border-collapse: collapse;
}
.responsive-table1 table tr{
display:table-row;
}
.responsive-table table th{
display:table-cell;
padding: 10px 15px;
width:30%;
color:#ffffff;
border:1px solid #dddddd;
background-color: #4f4f4f;
}
.responsive-table table td{
display:table-cell;
padding: 10px 15px;
border:1px solid #dddddd;
/* width:auto; */
color:#4f4f4f;
background-color: #ffffff;
}
}
/*------------------------------------------*/
/* リスト */
/*------------------------------------------*/
@media screen and (max-width:600px){
.responsive-list dl {
margin-top:0;
margin-left:auto;
margin-top:0;
margin-right:auto;
padding: 15px 0px;
text-align: left;
}
.responsive-list dt {
margin:0;
padding-top:5px;
padding-right:0px;
padding-bottom:5px;
padding-left:5px;
background-color: #cccccc;
}
.responsive-list dd {
margin:0;
padding-top:5px;
padding-right:0px;
padding-bottom:5px;
padding-left:10px;
background-color:unset;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px){
.responsive-list dl {
margin-top:0;
margin-left:auto;
margin-top:0;
margin-right:auto;
padding: 15px 0px;
text-align: left;
}
.responsive-list dt {
clear:left;
float:left;
margin:0;
padding-top:5px;
padding-right:0px;
padding-bottom:5px;
padding-left:5px;
width: 20%;
background-color:unset;
}
.responsive-list dd{
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:21%;
padding-top:5px;
padding-right:0px;
padding-bottom:5px;
padding-left:10px;
background-color:unset;
}
}
@media print , screen and (min-width:1024px){
.responsive-list dl {
margin-top:0;
margin-left:auto;
margin-top:0;
margin-right:auto;
padding: 15px 0px;
text-align: left;
}
.responsive-list dt {
clear:left;
float:left;
margin:0;
padding-top:5px;
padding-right:0px;
padding-bottom:5px;
padding-left:5px;
width: 20%;
background-color:unset;
}
.responsive-list dd{
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:21%;
padding-top:5px;
padding-right:0px;
padding-bottom:5px;
padding-left:10px;
background-color:unset;
}
}
/*------------------------------------------*/
/* サイトマップ */
/*------------------------------------------*/
/********************************************/
/* site map *******/
@media screen and (max-width:600px) {
.sitemap{
clear: both;
box-sizing: border-box;
margin: 0;
padding: 0;
display:block;
width: 100%;
}
.sitemap .wp-block-columns {
box-sizing: border-box;
margin: 0;
padding: 4px;
width: 100%;
}
.sitemap .wp-block-columns .wp-block-column {
box-sizing: border-box;
margin: 0;
padding:0 8px;
width: 100%;
text-align: left;
}
.sitemap h2{
box-sizing: border-box;
display: block;
padding:0 8px;
font-size:24px;
font-family:'油性ペン',筆記体;
}
.sitemap .wp-block-columns .wp-block-column ol{
box-sizing: border-box;
margin: 0;
padding: 0px 16px;
overflow: hidden;
display:flex;
flex-wrap: wrap;
width: 100%;
}
.sitemap .wp-block-columns .wp-block-column ul{
box-sizing: border-box;
margin: 0;
padding: 0px 16px;
overflow: hidden;
display:flex;
flex-wrap: wrap;
width: 100%;
}
.sitemap .wp-block-columns .wp-block-column li {
box-sizing: border-box;
padding-top: 4px;
padding-bottom: 8px;
height: 48px;
width: 50%;
/*float: left;*/
margin-right: auto; /* 寄せ */
margin-left: auto; /* 真ん中 */
overflow: hidden;
list-style: none;
font-size:16px;
text-align: left;
}
.sitemap .wp-block-columns .wp-block-column li::before {
content:"";
}
.sitemap .wp-block-columns .wp-block-column li a {
box-sizing: border-box;
height: 100%;
width: 100%;
font-size:16px;
text-decoration: none;
}
.sitemap .wp-block-columns .wp-block-column li a:hover{
text-decoration: underline;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
.sitemap{
clear: both;
box-sizing: border-box;
margin: 0;
padding: 0;
display:block;
width: 100%;
}
.sitemap .wp-block-columns {
box-sizing: border-box;
margin: 0;
padding: 4px;
width: 100%;
}
.sitemap .wp-block-columns .wp-block-column {
box-sizing: border-box;
margin: 0;
padding:0 8px;
width: 100%;
text-align: left;
}
.sitemap h2{
box-sizing: border-box;
display: block;
padding:0 8px;
font-size:24px;
font-family:'油性ペン',筆記体;
}
.sitemap .wp-block-columns .wp-block-column ol{
box-sizing: border-box;
margin: 0;
padding: 0px 16px;
overflow: hidden;
display:flex;
flex-wrap: wrap;
width: 100%;
}
.sitemap .wp-block-columns .wp-block-column ul{
box-sizing: border-box;
margin: 0;
padding: 0px 16px;
overflow: hidden;
display:flex;
flex-wrap: wrap;
width: 100%;
}
.sitemap .wp-block-columns .wp-block-column li {
box-sizing: border-box;
padding-top: 4px;
padding-bottom: 8px;
height: 48px;
width: 50%;
/*float: left;*/
margin-right: auto; /* 寄せ */
margin-left: auto; /* 真ん中 */
overflow: hidden;
list-style: none;
font-size:16px;
text-align: left;
}
.sitemap .wp-block-columns .wp-block-column li::before {
content:"";
}
.sitemap .wp-block-columns .wp-block-column li a {
box-sizing: border-box;
height: 100%;
width: 100%;
font-size:16px;
text-decoration: none;
}
.sitemap .wp-block-columns .wp-block-column li a:hover{
text-decoration: underline;
}
}
@media print , screen and (min-width:1024px) {
.sitemap{
clear: both;
box-sizing: border-box;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
padding:0;
display:flex;
width: 100%;
max-width: 960px;
}
.sitemap .wp-block-columns {
box-sizing: border-box;
margin-top:0;
margin-bottom:0;
width: calc( 960px / 3 ); /* 項目が3 */
/*float: left;*/
margin-right: auto; /* 寄せ */
margin-left: auto; /* 真ん中 */
padding: 4px;
}
.sitemap .wp-block-columns .wp-block-column {
box-sizing: border-box;
margin: 0;
padding:0 8px;
width: 100%;
}
.sitemap h2{
box-sizing: border-box;
display: inline-block;
padding:0 8px;
font-family:'油性ペン',筆記体;
font-size:20px;
}
.sitemap .wp-block-columns .wp-block-column ul{
box-sizing: border-box;
margin: 0;
padding: 0px 16px;
overflow: hidden;
display:block;
width: 100%;
}
.sitemap .wp-block-columns .wp-block-column ol{
box-sizing: border-box;
margin: 0;
padding: 0px 16px;
overflow: hidden;
display:block;
width: 100%;
}
.sitemap .wp-block-columns .wp-block-column li{
box-sizing: border-box;
padding-top: 4px;
padding-bottom: 4px;
height: 48px;
width: 100%;
/*float: left;*/
margin-right: auto; /* 寄せ */
margin-left: auto; /* 真ん中 */
overflow: hidden;
list-style: none;
font-size:14px;
text-align: left;
}
.sitemap .wp-block-columns .wp-block-column li::before {
content:"";
}
.sitemap .wp-block-columns .wp-block-column li a {
box-sizing: border-box;
height: 100%;
width: 100%;
list-style: none;
font-size:14px;
text-decoration: none;
}
.sitemap .wp-block-columns .wp-block-column li a:hover{
text-decoration: underline;
}
}
/* site map *******/
/********************************************/
/*****************************************************************************************/
/* */
/* レイアウト設定 */
/* */
/*****************************************************************************************/
/*------------------------------------------*/
/* BODYスタイル */
/*------------------------------------------*/
.irori-layout {
position: relative;
z-index:0;
margin: 0;
padding: 0;
width:100%;
color: var(--forecolor);
/*background-color: var(--backcolor);*/
}
.irori-layout::before{
content: '';
position: absolute;
left:0;
top: 0;
width:100%;
height:100%;
margin-left: 0%;
margin-right: 0%;
z-index:-1;
/* 背景色 */
background-image: linear-gradient(to top, #ffdeaf 0%, #ffffff 100%);
/* 背景模様 */
/*
background-size: 60px 60px;
margin: 0 auto;
background-image: radial-gradient(#ffcae0 10%, transparent 20%),
radial-gradient(#e0fccc 0%, transparent 15%),
radial-gradient(#c6e6fb 0%, transparent 10%);
background-position: 0 0, 15px 5px, 3px 10px;
*/
}
.irori-layout::after{
content: '';
position: absolute;
z-index:-1;
top:0;
left:50%;
width: 100%;
height:100%;
max-width: 960px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
/*
background-color: var(--backcolor);
*/
}
/*------------------------------------------*/
/* containerスタイル */
/*------------------------------------------*/
@media screen and (max-width:600px){
.irori-container{
position: relative;
z-index:1;
max-width: 960px;
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px){
.irori-container{
position: relative;
z-index:1;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
/*max-width: 960px;*/
width: 100%;
}
}
@media print , screen and (min-width:1024px){
.irori-container{
position: relative;
z-index:1;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
/*max-width: 960px;*/
width: 100%;
}
}
/*------------------------------------------*/
/* headerスタイル */
/*------------------------------------------*/
@media screen and (max-width:600px){
.irori-header{
position:relative;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
top: 0px;
left: 0px;
width: 100%;
height: auto;
}
.irori-header .backimage {
box-sizing: border-box;
position:relative;
margin: 0;
padding: 0;
top: 0px;
left: 0px;
width: 100%;
height: auto;
z-index:1;
}
.irori-header .backimage::after{
content: '';
position: absolute;
left:0;
top: 0;
height: 100%;
width:35%;
max-width:240px; /* 左側塗りつぶし最大幅 */
margin-left: 0%;
margin-right: 0%;
background-color: var(--themecolor);
/*background-color: #a48953;*/
z-index:2;
}
.irori-header figure{
margin: 0;
padding: 0;
top: 0px;
left: 0px;
height: 100%;
width: 100% ;
}
.irori-header figure img{
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit:cover;
}
.irori-header .header-logo {
display: none;
}
.irori-header .header-logo img{
margin:0 !important;
padding: 0 !important;
height:53px !important;
width:100% !important;
object-fit:contain;
object-position: 0 100%
}
.irori-header .header-title {
position: absolute;
top:50%;
left:15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 3;
color: #ffffff;
font-weight: bold;
font-size: 14px;
font-size:calc(12px + ((1vw - 0.0625rem) * 2.521));
font-size:calc(14px + (4 * (100vw - 320px))/280);
font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
word-break: keep-all;
text-shadow: 1px 1px 8px #333333, -1px -1px 8px #333333;
white-space: nowrap;
}
.irori-header .header-title h1 {
margin:0;
padding:0;
font-size:calc(32px + (20 * (100vw - 320px))/280);
}
.irori-header .header-title p {
margin:0;
padding:0;
font-size:calc(14px + (4 * (100vw - 320px))/280);
}
}
@media screen and (min-width: 600px) and (max-width: 1024px){
.irori-header{
position:relative;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
top: 0px;
left: 0px;
width: 100%;
height: auto;
}
.irori-header .backimage {
box-sizing: border-box;
position:relative;
margin: 0;
padding: 0;
top: 0px;
left: 0px;
width: 100%;
height: auto;
z-index:1;
}
.irori-header .backimage::after{
content: '';
position: absolute;
left:0;
top: 0;
height: 100%;
width:35%;
max-width:240px; /* 左側塗りつぶし最大幅 */
margin-left: 0%;
margin-right: 0%;
background-color: var(--themecolor);
/*background-color: #a48953;*/
z-index:2;
}
.irori-header figure {
margin: 0;
padding: 0;
top: 0px;
left: 0px;
height: 100%;
width: 100% ;
}
.irori-header figure img{
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit:cover;
}
.irori-header .header-logo {
position: absolute;
bottom: 0px;
left: 0px;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
/*border-radius: 0 0 10px 0;*/
background: none;
z-index: 102;
}
.irori-header .header-logo img{
margin:0 !important;
padding: 0 !important;
height:53px !important;
width:100% !important;
object-fit:contain;
object-position: 0% 100%
}
.irori-header .header-title {
position: absolute;
top:50%;
left:15px;
-webkit-transform: translateY(-75%);
transform: translateY(-75%);
z-index: 3;
color: #ffffff;
font-weight: bold;
font-size:18rem;
font-size:calc(18px + (14 * (100vw - 600px))/424);
font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
word-break: keep-all;
text-shadow: 1px 1px 8px #333333, -1px -1px 8px #333333;
white-space: nowrap;
}
.irori-header .header-title h1 {
margin:0;
padding:0;
font-size:calc(52px + (44 * (100vw - 600px))/424);
}
.irori-header .header-title p {
margin:0;
padding:0;
font-size:calc(18px + (14 * (100vw - 600px))/424);
}
}
@media print , screen and (min-width:1024px) {
.irori-header{
position:relative;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
top: 0px;
left: 0px;
width: 100%;
height: auto;
}
.irori-header .backimage {
box-sizing: border-box;
position:relative;
margin: 0;
padding: 0;
top: 0px;
left: 0px;
width: 100%;
height: auto;
z-index:1;
}
.irori-header .backimage::after{
content: '';
position: absolute;
left:0;
top: 0;
height: 100%;
width:35%;
max-width:240px; /* 左側塗りつぶし最大幅 */
margin-left: 0%;
margin-right: 0%;
background-color: var(--themecolor);
/*background-color: #a48953;*/
z-index:2;
}
.irori-header figure {
margin: 0;
padding: 0;
top: 0px;
left: 0px;
height: 100%;
width: 100% ;
}
.irori-header figure img{
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit:cover;
}
.irori-header .header-logo {
position: absolute;
bottom: 0px;
left: 0px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
/*border-radius: 0 0 10px 0;*/
background: none;
z-index: 102;
}
.irori-header .header-logo img{
margin:0 !important;
padding: 0 !important;
height:53px !important;
width:100% !important;
object-fit:contain;
object-position: 0% 100%
}
.irori-header .header-title {
position: absolute;
top:50%;
left:5px;
-webkit-transform: translateY(-75%);
transform: translateY(-75%);
z-index: 3;
color: #ffffff;
font-weight: bold;
font-size:32px;
font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
word-break: keep-all;
text-shadow: 1px 1px 8px #333333, -1px -1px 8px #333333;
white-space: nowrap;
width:200px;
}
.irori-header .header-title h1 {
margin:0;
padding:0;
font-size:96px !important;
}
.irori-header .header-title p {
margin:0;
padding:0;
font-size:32px !important;
}
}
/*------------------------------------------*/
/* topスタイル */
/*------------------------------------------*/
@media screen and (max-width:600px) {
.irori-top {
padding-top: 16px;
padding-right: 10px;
padding-bottom: 16px;
padding-left: 10px;
margin-top:0px;
margin-bottom:50px;
margin-left:auto;
margin-right:auto;
max-width:960px;
font-family: "Times New Roman", "游明朝体", "游明朝","ヒラギノ明朝 Pro", "ＭＳ Ｐ明朝", serif;
font-size:16px;
border-radius: 0 0 10px 0;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
.irori-top {
padding-top: 18px;
padding-right: 18px;
padding-bottom: 18px;
padding-left: 18px;
margin-top:0px;
margin-bottom:50px;
margin-left:auto;
margin-right:auto;
max-width:960px;
font-family: "Times New Roman", "游明朝体", "游明朝","ヒラギノ明朝 Pro", "ＭＳ Ｐ明朝", serif;
font-size:18px;
border-radius: 0 0 10px 0;
}
}
@media print , screen and (min-width:1024px) {
.irori-top {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
margin-top:0px;
margin-bottom:50px;
margin-left:auto;
margin-right:auto;
max-width:960px;
font-family: "Times New Roman", "游明朝体", "游明朝","ヒラギノ明朝 Pro", "ＭＳ Ｐ明朝", serif;
font-size:20px;
border-radius: 0 0 10px 0;
}
}
/*------------------------------------------*/
/* footerスタイル */
/*------------------------------------------*/
@media screen and (max-width:600px) {
.irori-footer{
clear: both;
width: 100%;
color: #ffffff;
background-color: #cc8030;
}
.irori-footer p {
cursor: text;
}
.irori-footer a {
color:#ffffff;
}
.irori-footer a:link{
color:#ffffff;
}
.irori-footer a:visited{
color:#ffffff;
}
.irori-footer a:active{
color:#ffffff;
}
.irori-footer a:hover{
color:#ffffff;
}
.irori-footerSub {
margin: 0;
padding: 16px;
}
.irori-footerSub .wp-block-image{
margin: 0;
padding: 0;
}
.irori-footerSub figure{
margin: 0;
padding: 0;
}
.irori-footerSub img{
margin: 0;
padding: 0;
width: 100%;
height: auto;
object-fit:cover;
vertical-align:bottom;
}
.irori-footerMain {
padding-top: 8px;
padding-bottom: 8px;
width: 100%;
color: #ffffff;
background-color: #cc8030;
}
.irori-footerMain p{
text-align: center;
margin: 0;
padding: 0;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
.irori-footer{
clear: both;
width: 100%;
color: #ffffff;
background-color: #cc8030;
}
.irori-footer p {
cursor: text;
}
.irori-footer a {
color:#ffffff;
}
.irori-footer a:link{
color:#ffffff;
}
.irori-footer a:visited{
color:#ffffff;
}
.irori-footer a:active{
color:#ffffff;
}
.irori-footer a:hover{
color:#ffffff;
}
.irori-footerSub {
margin: 0;
padding: 16px;
}
.irori-footerSub .wp-block-image{
margin: 0;
padding: 0;
}
.irori-footerSub figure{
margin: 0;
padding: 0;
}
.irori-footerSub img{
margin: 0;
padding: 0;
width: 100%;
height: auto;
object-fit:cover;
vertical-align:bottom;
}
.irori-footerMain {
padding-top: 8px;
padding-bottom: 8px;
width: 100%;
color: #ffffff;
background-color: #cc8030;
}
.irori-footerMain p{
text-align: center;
margin: 0;
padding: 0;
}
}
@media print , screen and (min-width:1024px) {
.irori-footer{
clear: both;
width: 100%;
color: #ffffff;
background-color: #cc8030;
}
.irori-footer p {
cursor: text;
}
.irori-footer a {
color:#ffffff;
}
.irori-footer a:link{
color:#ffffff;
}
.irori-footer a:visited{
color:#ffffff;
}
.irori-footer a:active{
color:#ffffff;
}
.irori-footer a:hover{
color:#ffffff;
}
.irori-footerSub {
margin: 0;
padding: 16px;
}
.irori-footerSub .wp-block-image{
margin: 0;
padding: 0;
}
.irori-footerSub figure{
margin: 0;
padding: 0;
}
.irori-footerSub img{
margin: 0;
padding: 0;
width: 100%;
height: auto;
object-fit:cover;
vertical-align:bottom;
}
.irori-footerMain {
padding-top: 8px;
padding-bottom: 8px;
width: 100%;
color: #ffffff;
background-color: #cc8030;
}
.irori-footerMain p{
text-align: center;
margin: 0;
padding: 0;
}
}
/*------------------------------------------*/
/* ナビゲーションデザイン */
/*------------------------------------------*/
/********************************************/
/* MENU **/
@media screen and (max-width:600px) {
.normal-menu {
clear: both;
display:block;
position: relative;
margin:0;
padding:0;
width: 100%;
overflow: hidden;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #c3d8e9;
}
.normal-menu-left {
display:none;
}
.menu-menu-irori-container {
padding:0;
width:100%;
background: rgba(3, 3, 3, 0.4);
background: -moz-linear-gradient(bottom right,rgba(128, 128, 128, 0.5),rgba(3,3,3,0.5));
background: -webkit-linear-gradient(bottom right,rgba(128, 128, 128, 0.5),rgba(3,3,3,0.5));
background: linear-gradient(to top left,rgba(128, 128, 128, 0.5),rgba(3,3,3,0.5));
}
.normal-menu ul{
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
list-style-type: none;
overflow: hidden;
display:block;
}
.normal-menu li{
width:100%;
height: 60px;
float: left;
overflow: hidden;
font-size:20px;
font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
.normal-menu li a{
color: #ffffff;
display: block;
position: relative;
width:100%;
height:100%;
padding-left: auto;
padding-top: 8px;
padding-right: auto;
font-size: 20px;
text-align: center;
text-decoration: none;
z-index:1;
}
.normal-menu li a::after {
position: absolute;
bottom: 0px;
left: 0;
content: '';
width: 100%;
height: 100%;
background: rgba(188,128,48,0.5);
transform: scale(0, 1);
transform-origin: center top;
transition: transform .3s;
z-index:-1;
}
.normal-menu li a:link{
color: #ffffff;
text-decoration: none;
}
.normal-menu li a:visited{
color: #ffffff;
text-decoration: none;
}
.normal-menu li a:hover{
color: #ffffff;
text-decoration: none;
text-shadow:
-0.2rem -0.2rem 1rem #fff,
0.2rem 0.2rem 1rem #fff,
0 0 2rem var(--menucolor),
0 0 4rem var(--menucolor),
0 0 6rem var(--menucolor),
0 0 8rem var(--menucolor),
0 0 10rem var(--menucolor);
}
.normal-menu li a:hover::after {
transform: scale(1, 1);
}
.normal-menu li a:focus{
color: #ffffff;
text-decoration: none;
}
.normal-menu li.current-menu-item a {
color: #ffffff;
display: block;
width:100%;
height:100%;
padding-left: auto;
padding-top: 8px;
padding-right: auto;
font-size: 20px;
text-align: center;
text-decoration: none;
}
.normal-menu li.current-menu-item a:link{
color: #ffffff;
text-decoration: none;
}
.normal-menu li.current-menu-item a:visited{
color: #ffffff;
text-decoration: none;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
.normal-menu {
display:flex;
flex-wrap: wrap;
margin:0;
padding:0;
width: 100%;
}
.normal-menu-left {
height: 60px;
width:35%;
max-width:240px; /* 左側塗りつぶし最大幅 */
}
.menu-menu-irori-container {
padding:0;
width:65%;
background: rgba(3, 3, 3, 0.4);
background: -moz-linear-gradient(bottom right,rgba(128, 128, 128, 0.5),rgba(3,3,3,0.5));
background: -webkit-linear-gradient(bottom right,rgba(128, 128, 128, 0.5),rgba(3,3,3,0.5));
background: linear-gradient(to top left,rgba(128, 128, 128, 0.5),rgba(3,3,3,0.5));
}
.normal-menu ul{
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
list-style-type: none;
overflow: hidden;
display:flex;
}
.normal-menu li{
width: calc( 960px / 3); /* メニュー項目数で割る */
height: 60px;
float: left;
overflow: hidden;
font-size:20px;
font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
.normal-menu li a{
color: #ffffff;
display: block;
position: relative;
width:100%;
height:100%;
padding-left: auto;
padding-top: 8px;
padding-right: auto;
font-size: 20px;
text-align: center;
text-decoration: none;
z-index:1;
}
.normal-menu li a::after {
position: absolute;
bottom: 0px;
left: 0;
content: '';
width: 100%;
height: 100%;
background: rgba(188,128,48,0.5);
transform: scale(0, 1);
transform-origin: center top;
transition: transform .3s;
z-index:-1;
}
.normal-menu li a:link{
color: #ffffff;
text-decoration: none;
}
.normal-menu li a:visited{
color: #ffffff;
text-decoration: none;
}
.normal-menu li a:hover{
color: #ffffff;
text-decoration: none;
text-shadow:
-0.2rem -0.2rem 1rem #fff,
0.2rem 0.2rem 1rem #fff,
0 0 2rem var(--menucolor),
0 0 4rem var(--menucolor),
0 0 6rem var(--menucolor),
0 0 8rem var(--menucolor),
0 0 10rem var(--menucolor);
}
.normal-menu li a:hover::after {
transform: scale(1, 1);
}
.normal-menu li a:focus{
color: #ffffff;
text-decoration: none;
}
.normal-menu li.current-menu-item a {
color: #ffffff;
display: block;
width:100%;
height:100%;
padding-left: auto;
padding-top: 8px;
padding-right: auto;
font-size: 20px;
text-align: center;
text-decoration: none;
}
.normal-menu li.current-menu-item a:link{
color: #ffffff;
text-decoration: none;
}
.normal-menu li.current-menu-item a:visited{
color: #ffffff;
text-decoration: none;
}
}
@media print , screen and (min-width:1024px) {
.normal-menu {
display:flex;
flex-wrap: wrap;
margin:0;
padding:0;
width: 100%;
}
.normal-menu-left {
height: 60px;
width:35%;
max-width:240px; /* 左側塗りつぶし最大幅 */
}
.menu-menu-irori-container {
padding:0;
width:65%;
background: rgba(3, 3, 3, 0.4);
background: -moz-linear-gradient(bottom right,rgba(128, 128, 128, 0.5),rgba(3,3,3,0.5));
background: -webkit-linear-gradient(bottom right,rgba(128, 128, 128, 0.5),rgba(3,3,3,0.5));
background: linear-gradient(to top left,rgba(128, 128, 128, 0.5),rgba(3,3,3,0.5));
}
.normal-menu ul{
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
list-style-type: none;
overflow: hidden;
display:flex;
}
.normal-menu li{
width: calc( 960px / 3); /* メニュー項目数で割る */
height: 60px;
float: left;
overflow: hidden;
font-size:20px;
font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
.normal-menu li a{
color: #ffffff;
display: block;
position: relative;
width:100%;
height:100%;
padding-left: auto;
padding-top: 8px;
padding-right: auto;
font-size: 20px;
text-align: center;
text-decoration: none;
z-index:1;
}
.normal-menu li a::after {
position: absolute;
bottom: 0px;
left: 0;
content: '';
width: 100%;
height: 100%;
background: rgba(188,128,48,0.5);
transform: scale(0, 1);
transform-origin: center top;
transition: transform .3s;
z-index:-1;
}
.normal-menu li a:link{
color: #ffffff;
text-decoration: none;
}
.normal-menu li a:visited{
color: #ffffff;
text-decoration: none;
}
.normal-menu li a:hover{
color: #ffffff;
text-decoration: none;
text-shadow:
-0.2rem -0.2rem 1rem #fff,
0.2rem 0.2rem 1rem #fff,
0 0 2rem var(--menucolor),
0 0 4rem var(--menucolor),
0 0 6rem var(--menucolor),
0 0 8rem var(--menucolor),
0 0 10rem var(--menucolor);
}
.normal-menu li a:hover::after {
transform: scale(1, 1);
}
.normal-menu li a:focus{
color: #ffffff;
text-decoration: none;
}
.normal-menu li.current-menu-item a {
color: #ffffff;
display: block;
width:100%;
height:100%;
padding-left: auto;
padding-top: 8px;
padding-right: auto;
font-size: 20px;
text-align: center;
text-decoration: none;
}
.normal-menu li.current-menu-item a:link{
color: #ffffff;
text-decoration: none;
}
.normal-menu li.current-menu-item a:visited{
color: #ffffff;
text-decoration: none;
}
}
/* MENU */
/********************************************/
/*------------------------------------------*/
/* ナビゲーションデザイン */
/*------------------------------------------*/
/********************************************/
/* hamburger menu */
@media screen and (max-width:600px) {
.hamburger-menu {
position: relative;
z-index: 5100;
margin: 0;
padding:0;
width:100%;
display:block;
}
.menu-top {
margin: 0;
padding:0;
position: fixed;
z-index: 5200;
top: 0px;
left: 0px;
display: flex;
width: 100vw;
height: 78px;
border-top: solid 1px var(--backcolor);
background-color: var(--hmenubkcolor);
border-bottom: solid 1px var(--hmenubkcolor);
overflow: hidden;
}
.menu-logo {
position: fixed;
z-index: 5300;
top: 15px;
left: 80px;
}
.menu-logo .wp-block-image img{
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
height:53px ;
width:auto ;
}
.menu-logo-text {
position: fixed;
z-index: 5300;
top: 10px;
left: 35px;
display: flex;
margin: 0;
padding: 0;
color: var(--hmenucolor);
font-weight: bold;
font-size: 24px;
word-break: keep-all;
}
.menu-btn {
position: fixed;
z-index: 5300;
top: 5px;
left: 5px;
display: flex;
height: 60px;
width: 60px;
justify-content: center;
align-items: center;
background-color: var(--hmenubkcolor);
}
.menu-btn span,
.menu-btn span::before,
.menu-btn span::after {
content: '';
display: block;
height: 3px;
width: 25px;
border-radius: 3px;
background-color: var(--hmenucolor);
position: absolute;
}
.menu-btn span::before {
bottom: 8px;
}
.menu-btn span:after {
top: 8px;
}
.menu-btn-label {
position: fixed;
top: 53px;
left: 19px;
display: flex;
z-index: 5310;
margin: 0;
padding: 0;
color: #ffffff;
font-weight: bold;
font-size: 10px;
word-break: keep-all;
}
#menu-btn-check:checked ~ .menu-btn span {
/*メニューオープン時は真ん中の線を透明にする*/
background-color: rgba(255, 255, 255, 0);
}
#menu-btn-check:checked ~ .menu-btn span::before {
bottom: 0;
transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
top: 0;
transform: rotate(-45deg);
}
#menu-btn-check {
display: none;
}
.menu-contents {
margin: 0;
padding: 0;
width: 100%;
height:calc(100% - 80px);
position: fixed;
z-index: 5300;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
top: 80px;
/* 画面の外へ */
left: 100%;
border-top: solid 1px var(--backcolor);
background-color: var(--hmenubkcolor);
/*アニメーション設定*/
transition: all 0.5s;
}
.menu-contents ul {
margin: 0px 0px;
padding: 0px 10px 0;
background-color: var(--hmenubkcolor);
/* margin-bottom: 50px; */
}
.menu-contents ul li {
border-bottom: solid 1px var(--hmenucolor);
list-style: none;
}
.menu-contents ul li a {
display: block;
width: 100%;
font-size: 16px;
box-sizing: border-box;
color:#ffffff;
text-decoration: none;
padding: 9px 15px 10px 0;
position: relative;
}
.menu-contents ul li a::before {
content: "";
width: 7px;
height: 7px;
border-top: solid 2px var(--hmenucolor);
border-right: solid 2px var(--hmenucolor);
transform: rotate(45deg);
position: absolute;
right: 11px;
top: 16px;
}
.menu-contents ul.sub-menu {
margin: 0px 0px;
padding: 0px 0px 0px 16px;
}
.menu-contents ul.sub-menu li {
border-top: solid 1px var(--hmenucolor);
border-bottom: none;
list-style: none;
}
.menu-contents ul.sub-menu li a {
display: block;
width: 100%;
font-size: 16px;
box-sizing: border-box;
color:#ffffff;
text-decoration: none;
padding: 9px 15px 10px 0;
position: relative;
}
.menu-contents ul.sub-menu li a::before {
content: "";
width: 7px;
height: 7px;
border-top: solid 2px var(--hmenucolor);
border-right: solid 2px var(--hmenucolor);
transform: rotate(45deg);
position: absolute;
right: 11px;
top: 16px;
}
#menu-btn-check:checked ~ .menu-contents {
/*メニューを画面内へ*/
left: 0;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
.hamburger-menu {
display:none;
}
}
@media print , screen and (min-width:1024px) {
.hamburger-menu {
display:none;
}
}
@media only print {
.hamburger-menu {
display:none;
}
}
/* hamburger menu */
/********************************************/
/*------------------------------------------*/
/* ナビゲーションデザイン */
/*------------------------------------------*/
/********************************************/
/* footer MENU *******/
@media screen and (max-width:600px) {
.footer-menu{
clear: both;
margin: 0;
padding:4px 0px;
width: 100%;
color: var(--themebkcolor);
background-color: var(--themecolor);
/*
background: rgba(15, 32, 0, 0.4);
background: -moz-linear-gradient(bottom right,rgba(57, 122, 0, 0.5),rgba(15,32,0,0.5));
background: -webkit-linear-gradient(bottom right,rgba(57, 122, 0, 0.5),rgba(15,32,0,0.5));
background: linear-gradient(to top left,rgba(57, 122, 0, 0.5),rgba(15,32,0,0.5));
border-top-width: 1px;
border-top-style: solid;
border-top-color: #c3d8e9;
*/
}
.footer-menu ul{
margin: 0;
padding: 0;
overflow: hidden;
display:block;
width: 100%;
}
.footer-menu ul li {
box-sizing: border-box;
padding-top: 2px;
padding-bottom: 2px;
height: 24px;
width: 100%;
border-top: solid 1px var(--themebkcolor);
list-style: none;
font-size:14px;
text-align: center;
}
.footer-menu ul li a {
height: 100%;
width: 100%;
color: var(--themebkcolor);
font-size:14px;
text-decoration: none;
}
.footer-menu ul li a:hover{
color: var(--themebkcolor);
text-decoration: underline;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
.footer-menu{
clear: both;
margin: 0;
padding:20px 0px;
width: 100%;
color: var(--themebkcolor);
background-color: var(--themecolor);
/*
background: rgba(15, 32, 0, 0.4);
background: -moz-linear-gradient(bottom right,rgba(57, 122, 0, 0.5),rgba(15,32,0,0.5));
background: -webkit-linear-gradient(bottom right,rgba(57, 122, 0, 0.5),rgba(15,32,0,0.5));
background: linear-gradient(to top left,rgba(57, 122, 0, 0.5),rgba(15,32,0,0.5));
border-top-width: 1px;
border-top-style: solid;
border-top-color: #c3d8e9;
*/
}
.footer-menu ul{
margin: 0 auto;
padding: 0;
overflow: hidden;
display:flex;
width: 100%;
max-width: 960px;
border-top: solid 1px var(--themebkcolor);
}
.footer-menu li{
box-sizing: border-box;
padding-top: 8px;
padding-bottom: 8px;
height: 28px;
width: calc( 960px / 4 ); /* メニュー項目が4 */
float: left;
/* margin-right: auto; *//* 寄せ */
/* margin-left: auto; *//* 真ん中 */
overflow: hidden;
list-style: none;
font-size:12px;
text-align: center;
}
.footer-menu ul li a {
height: 100%;
width: 100%;
list-style: none;
color: var(--themebkcolor);
font-size:12px;
text-decoration: none;
}
.footer-menu ul li a:hover{
color: var(--themebkcolor);
text-decoration: underline;
}
}
@media print , screen and (min-width:1024px) {
.footer-menu{
clear: both;
margin: 0;
padding:20px 0px;
width: 100%;
color: var(--themebkcolor);
background-color: var(--themecolor);
/*
background: rgba(15, 32, 0, 0.4);
background: -moz-linear-gradient(bottom right,rgba(57, 122, 0, 0.5),rgba(15,32,0,0.5));
background: -webkit-linear-gradient(bottom right,rgba(57, 122, 0, 0.5),rgba(15,32,0,0.5));
background: linear-gradient(to top left,rgba(57, 122, 0, 0.5),rgba(15,32,0,0.5));
border-top-width: 1px;
border-top-style: solid;
border-top-color: #c3d8e9;
*/
}
.footer-menu ul{
margin: 0 auto;
padding: 0;
overflow: hidden;
display:flex;
width: 100%;
max-width: 960px;
border-top: solid 1px var(--themebkcolor);
}
.footer-menu li{
box-sizing: border-box;
padding-top: 8px;
padding-bottom: 8px;
height: 28px;
width: calc( 960px / 4 ); /* メニュー項目が4 */
float: left;
/* margin-right: auto; *//* 寄せ */
/* margin-left: auto; *//* 真ん中 */
overflow: hidden;
list-style: none;
font-size:12px;
text-align: center;
}
.footer-menu ul li a {
height: 100%;
width: 100%;
list-style: none;
color: var(--themebkcolor);
font-size:12px;
text-decoration: none;
}
.footer-menu ul li a:hover{
color: var(--themebkcolor);
text-decoration: underline;
}
}
/* footer MENU *******/
/********************************************/
/********************************************/
/********************************************/
/*------------------------------------------*/
/* 固定メニュー表示時アンカー位置調整 */
/*------------------------------------------*/
@media screen and (max-width:600px) {
#a-1st{
margin-top:-80px !important; /* ヘッダーの高さ分をマイナス */
padding-top:80px !important; /* margin-topでマイナスした分をプラス */
}
#a-2nd{
margin-top:-80px !important; /* ヘッダーの高さ分をマイナス */
padding-top:80px !important; /* margin-topでマイナスした分をプラス */
}
#a-3rd{
margin-top:-80px !important; /* ヘッダーの高さ分をマイナス */
padding-top:80px !important; /* margin-topでマイナスした分をプラス */
}
#a-4th{
margin-top:-80px !important; /* ヘッダーの高さ分をマイナス */
padding-top:80px !important; /* margin-topでマイナスした分をプラス */
}
#a-5th{
margin-top:-80px !important; /* ヘッダーの高さ分をマイナス */
padding-top:80px !important; /* margin-topでマイナスした分をプラス */
}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
#a-1st{
margin:0;
padding:0;
}
#a-2nd{
margin:0;
padding:0;
}
#a-3rd{
margin:0;
padding:0;
}
#a-4th{
margin:0;
padding:0;
}
#a-5th{
margin:0;
padding:0;
}
}
@media print , screen and (min-width:1024px) {
#a-1st{
margin:0;
padding:0;
}
#a-2nd{
margin:0;
padding:0;
}
#a-3rd{
margin:0;
padding:0;
}
#a-4th{
margin:0;
padding:0;
}
#a-5th{
margin:0;
padding:0;
}
}
/********************************************/
/********************************************/
/*------------------------------------------*/
/* 重要なお知らせ */
/*------------------------------------------*/
@media screen and (max-width:600px) {
.important-notices-base {
position: relative;
z-index: 4000;
padding-top: 0;
padding-bottom: 20px;
}
.important-notices {
clear: both;
position: relative;
z-index: 4100;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
max-width: 960px;
transform: translate(0, 0px);
transition:0.5s;
opacity: 0;
width: calc(100% - 20px);
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
border-width: 0.5px;
border-style: solid;
border-color: var(--bordercolor);
border-radius: 0px;
background: var(--backcolor);
box-shadow: 0 0 8px 0 rgb(0 0 0 / 16%);
overflow:auto;
}
.important-notices.is-show{
opacity: 1;
transform: translate(0, 0px);
}
.important-notices .title {
color: red;
border-bottom: 1px solid red;
font-size: 16px;
font-weight: bold;
line-height: 2.5;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 20px;
}
.important-notices p.date {
margin-left: 20px;
margin-right: 20px;
font-size: 14.2px;
color: #ffffff;
background: #c12982;
border-radius: 3px 3px 3px 3px;
}
.important-notices p.content {
margin-top: -5px;
margin-left: 20px;
font-size: 14.2px;
}
/* リンク文字色 */
.important-notices a:link{
color: #000000;
text-decoration: none;
}
.important-notices a:visited{
color: #000000;
text-decoration: none;
}
.important-notices a:hover{
color: #000000;
text-decoration: underline;
}
.important-notices a:active{
color: #000000;
text-decoration: underline;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
.important-notices-base {
position: relative;
z-index: 4000;
padding-top: 0;
padding-bottom: 20px;
}
.important-notices {
clear: both;
position: relative;
z-index: 4100;
margin-top: 50px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
max-width: 960px;
transform: translate(0, 0px);
transition:0.5s;
opacity: 0;
width: calc(100% - 20px);
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
border-width: 0.5px;
border-style: solid;
border-color: var(--bordercolor);
border-radius: 0px;
background: var(--backcolor);
box-shadow: 0 0 8px 0 rgb(0 0 0 / 16%);
overflow:auto;
}
.important-notices.is-show{
opacity: 1;
transform: translate(0, 0px);
}
.important-notices .title {
color: red;
border-bottom: 1px solid red;
font-size: 16px;
font-weight: bold;
line-height: 2.5;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 20px;
}
.important-notices p.date {
margin-left: 20px;
margin-right: 20px;
font-size: 14.2px;
color: #ffffff;
background: #c12982;
border-radius: 3px 3px 3px 3px;
}
.important-notices p.content {
margin-top: -5px;
margin-left: 20px;
font-size: 16px;
}
/* リンク文字色 */
.important-notices a:link{
color: #000000;
text-decoration: none;
}
.important-notices a:visited{
color: #000000;
text-decoration: none;
}
.important-notices a:hover{
color: #000000;
text-decoration: underline;
}
.important-notices a:active{
color: #000000;
text-decoration: underline;
}
}
@media print , screen and (min-width:1024px) {
.important-notices-base {
clear: both;
z-index: 4000;
padding-top: 0;
padding-bottom: 0;
}
.important-notices {
clear: both;
position:absolute;
z-index: 4100;
display:inline-block;
min-width:200px;
max-width:360px;
max-height:500px;
border-radius: 4px;
background: rgb(250 250 250 / 40%);
box-shadow: 0 0 8px 0 rgb(0 0 0 / 16%);
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0;
margin-left: 0px;
padding: 5px 20px;
top:10px;
right:10px;
transform: translate(90%);
transition:0.5s 2s;
opacity: 0;
}
.important-notices.is-show{
opacity: 1;
transform: translate(0, 0px);
}
.important-notices .title {
color: red;
border-bottom: 1px solid red;
font-size: 16px;
font-weight: bold;
line-height: 2.5;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 20px;
}
.important-notices p.date {
margin-left: 20px;
margin-right: 20px;
font-size: 14.2px;
color: #ffffff;
background: #c12982;
border-radius: 3px 3px 3px 3px;
}
.important-notices p.content {
margin-top: -5px;
margin-left: 20px;
font-size: 14.2px;
}
/* リンク文字色 */
.important-notices a:link{
color: #000000;
text-decoration: none;
}
.important-notices a:visited{
color: #000000;
text-decoration: none;
}
.important-notices a:hover{
color: #000000;
text-decoration: underline;
}
.important-notices a:active{
color: #000000;
text-decoration: underline;
}
}
/*------------------------------------------*/
/* すべてのお知らせ */
/*------------------------------------------*/
.notices {
clear: both;
position: relative;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
max-width: 960px;
padding-top: 50px;
padding-right: 0px;
padding-bottom: 50px;
padding-left: 0px;
width:100%;
}
.notices .notices-title {
margin: 0;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
border-bottom: 1px solid #000000;
line-height: 2.5;
}
.notices .notices-title h2{
margin: 0;
padding: 0;
}
.notices ul{
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
list-style-type: none;
width:100%;
}
.notices ul li{
position: relative;
box-sizing: border-box;
display: inline-block;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 4px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
width: calc( 100% - 8px );
vertical-align: top;
text-align: left;
line-height: 1.8;
background: var(--themecolorclear);
color: var(--forecolor);
list-style:none;
border: 2px dashed var(--themecolor);
border-radius: 2px;
box-shadow: 0 0 0 4px var(--themecolor);
}
.notices .notices-category {
margin-left: 5px;
margin-right: 5px;
font-size: 16px;
/*color: #ffffff;*/
/*background: #c12982;*/
/*border-radius: 3px 3px 3px 3px;*/
}
.notices .notices-date {
margin-left: 0px;
margin-right: 15px;
padding:2px;
font-size: 16px;
font-weight: 600;
color: #ffffff;
background: var(--themecolor);
border-radius: 3px 3px 3px 3px;
}
.notices .notices-category-slug {
margin-left: 5px;
margin-right: 5px;
padding:2px;
font-size: 14px;
color: #ffffff;
background: #4ba79e;
border-radius: 3px 3px 3px 3px;
}
.notices .notices-category-slug-important-notices {
margin-left: 5px;
margin-right: 5px;
padding:2px;
font-size: 14px;
color: #ffffff;
background: #ee0000;
border-radius: 3px 3px 3px 3px;
}
.notices .notices-category-slug-important-notices-irori {
margin-left: 5px;
margin-right: 5px;
padding:2px;
font-size: 14px;
color: #ffffff;
background: #c12982;
border-radius: 3px 3px 3px 3px;
}
.notices .notices-category-slug-oshirase {
margin-left: 5px;
margin-right: 5px;
padding:2px;
font-size: 14px;
color: #ffffff;
background: #00ee00;
border-radius: 3px 3px 3px 3px;
}
.notices .notices-category-slug-oshirase-hospital {
margin-left: 5px;
margin-right: 5px;
padding:2px;
font-size: 14px;
color: #ffffff;
background: #0000ee;
border-radius: 3px 3px 3px 3px;
}
.notices .notices-category-slug-oshirase-irori {
margin-left: 5px;
margin-right: 5px;
padding:2px;
font-size: 14px;
color: #ffffff;
background: #cc8030;
border-radius: 3px 3px 3px 3px;
}
.notices .notices-category-slug-oshirase-yakyu {
margin-left: 5px;
margin-right: 5px;
padding:2px;
font-size: 14px;
color: #ffffff;
background: var(--bordercolor);
border-radius: 3px 3px 3px 3px;
}
.notices .notices-content {
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
font-size: 16px;
}
.notices .notices-content-title {
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
font-weight: 600;
font-size: 16px;
}
.notices .notices-content-details {
display:none;
}
@media screen and (min-width:576px) {
.notices .notices-content-details {
display:block;
margin-left: 15px;
margin-right: 5px;
font-weight: 400;
font-size: 16px;
color:#000000;
}
}
/* リンク文字色 */
.notices .notices-content a{
color: #0000cc;
text-decoration: underline;
}
.notices .notices-content a:link{
color: #0000cc;
text-decoration: underline;
}
.notices .notices-content a:visited{
color: #0000cc;
text-decoration: underline;
}
.notices .notices-content a:hover{
color: #0000cc;
text-decoration: none;
}
.notices .notices-content a:active{
color: #0000cc;
text-decoration: none;
}
/*------------------------------------------*/
/* WordPressページ送り */
/*------------------------------------------*/
.wp-pagenavi {
margin-top: 50px;
margin-right: auto;
margin-bottom: 50px;
margin-left: auto;
max-width: 960px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-align: center;
}
.page-numbers {
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
font-size: 1rem;
text-align: center;
border-width: 1px;
border-style: solid;
border-color: #eeeeee;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
/*------------------------------------------*/
/* おしらせ */
/*------------------------------------------*/
@media screen and (max-width:600px) {
.notice {
text-align: center;
overflow:hidden;
}
.notice ul{
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
list-style-type: none;
width:100%;
}
.notice ul li{
display: inline-block;
width: calc(100% - 32px);
vertical-align: top;
text-align: left;
line-height: 1.4;
margin-top: 8px;
margin-right: 5px;
margin-bottom: 8px;
margin-left: 5px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-width: 0.5px;
border-style: solid;
border-color: var(--bordercolor);
border-radius: 0px;
background: var(--backcolor);
/*box-shadow: 0 0 8px 0 rgb(0 0 0 / 16%);*/
height: 100%;
font-size:14.2px;
}
.notice ul li span{
color: var(--themebkcolor);
background: var(--themecolor);
border-radius: 6px 6px 6px 6px;
}
.notice ul li span.new-txt{
color: #ff0000;
background: none;
font-family: "Permanent Marker", cursive;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
.notice {
text-align: center;
overflow:hidden;
}
.notice ul{
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
list-style-type: none;
width:100%;
}
.notice ul li{
display: inline-block;
width: calc(100% - 32px);
vertical-align: top;
text-align: left;
line-height: 1.4;
margin-top: 8px;
margin-right: 5px;
margin-bottom: 8px;
margin-left: 5px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-width: 0.5px;
border-style: solid;
border-color: var(--bordercolor);
border-radius: 0px;
background: var(--backcolor);
/*box-shadow: 0 0 8px 0 rgb(0 0 0 / 16%);*/
height: 100%;
font-size:16px;
}
.notice ul li span{
color: var(--themebkcolor);
background: var(--themecolor);
border-radius: 6px 6px 6px 6px;
}
.notice ul li span.new-txt{
color: #ff0000;
background: none;
font-family: "Permanent Marker", cursive;
}
}
@media print , screen and (min-width:1024px) {
.notice {
text-align: center;
overflow:hidden;
}
.notice ul{
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
list-style-type: none;
width:100%;
}
.notice ul li{
display: inline-block;
width: calc(100% - 32px);
vertical-align: top;
text-align: left;
line-height: 1.4;
margin-top: 8px;
margin-right: 5px;
margin-bottom: 8px;
margin-left: 5px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-width: 0.5px;
border-style: solid;
border-color: var(--bordercolor);
border-radius: 0px;
background: var(--backcolor);
/*box-shadow: 0 0 8px 0 rgb(0 0 0 / 16%);*/
height: 100%;
font-size:16px;
}
.notice ul li span{
color: var(--themebkcolor);
background: var(--themecolor);
border-radius: 6px 6px 6px 6px;
}
.notice ul li span.new-txt{
color: #ff0000;
background: none;
font-family: "Permanent Marker", cursive;
}
}
/*------------------------------------------*/
/* 投稿一覧(画像ありリスト) */
/*------------------------------------------*/
/********************************************/
@media screen and (max-width:600px) {
.postlist {
box-sizing: border-box;
margin: 16px 16px;
padding: 0;
display:flex;
flex-wrap:wrap;
width:calc(100% - 32px);
border-bottom-width: 0.5px;
border-bottom-style: solid;
border-bottom-color: var(--bordercolor);
}
.postlist .post-image{
box-sizing: border-box;
margin: 0;
padding: 0;
width:100%;
overflow:hidden;
}
.postlist .post-image img{
box-sizing: border-box;
margin:0px;
padding: 16px;
width:100%;
object-fit: cover;
object-position: 50% 50%;
}
.postlist .post-content{
box-sizing: border-box;
margin: 0;
padding: 0px 16px;
width:100%;
font-size:16px;
}
.postlist .post-content .post-title{
font-size:20px;
font-weight: 600;
}
.postlist .post-content .post-date {
margin: 0;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size:14px;
font-weight: 400;
}
.postlist .post-content .post-excerpt{
margin: 0;
padding: 0;
padding-top: 8px;
padding-right: 10px;
padding-bottom: 16px;
padding-left: 10px;
font-size:16px;
font-weight: 400;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
.postlist {
box-sizing: border-box;
margin: 16px 16px;
padding: 0;
display:flex;
flex-wrap:wrap;
width:calc(100% - 32px);
border-bottom-width: 0.5px;
border-bottom-style: solid;
border-bottom-color: var(--bordercolor);
}
.postlist .post-image{
box-sizing: border-box;
margin: 0;
padding: 0;
width:30%;
overflow:hidden;
}
.postlist .post-image img{
box-sizing: border-box;
margin:0px;
padding: 0px 16px 0px 0px;
width:100%;
object-fit: cover;
object-position: 50% 50%;
}
.postlist .post-content{
box-sizing: border-box;
margin: 0;
padding: 0px 16px;
width:70%;
font-size:16px;
}
.postlist .post-content .post-title{
font-size:24px;
font-weight: 600;
}
.postlist .post-content .post-date {
margin: 0;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size:14px;
font-weight: 400;
}
.postlist .post-content .post-excerpt{
margin: 0;
padding: 0;
padding-top: 8px;
padding-right: 0px;
padding-bottom: 16px;
padding-left: 0px;
font-size:16px;
font-weight: 400;
}
}
@media print , screen and (min-width:1024px) {
.postlist {
box-sizing: border-box;
margin: 16px 0px;
padding: 0;
display:flex;
flex-wrap:wrap;
width:100%;
border-bottom-width: 0.5px;
border-bottom-style: solid;
border-bottom-color: var(--bordercolor);
}
.postlist .post-image{
box-sizing: border-box;
margin: 0;
padding: 0;
width:30%;
overflow:hidden;
}
.postlist .post-image img{
box-sizing: border-box;
margin:0px;
padding: 0px 16px 0px 0px;
width:100%;
object-fit: cover;
object-position: 50% 50%;
}
.postlist .post-content{
box-sizing: border-box;
margin: 0;
padding: 0px 16px;
width:70%;
font-size:16px;
}
.postlist .post-content .post-title{
font-size:24px;
font-weight: 600;
}
.postlist .post-content .post-date {
margin: 0;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size:14px;
font-weight: 400;
}
.postlist .post-content .post-excerpt{
margin: 0;
padding: 0;
padding-top: 8px;
padding-right: 0px;
padding-bottom: 16px;
padding-left: 0px;
font-size:16px;
font-weight: 400;
}
}
/********************************************/
/*------------------------------------------*/
/* 投稿一覧(画像ありグリッド) */
/*------------------------------------------*/
/********************************************/
@media screen and (max-width:600px) {
.postgrid {
box-sizing: border-box;
margin: 16px 16px;
padding: 0;
display:flex;
flex-wrap:wrap;
width:calc(100% - 32px);
/*
border-bottom-width: 0.5px;
border-bottom-style: solid;
border-bottom-color: var(--bordercolor);
*/
}
.postgrid .post-contents{
box-sizing: border-box;
margin: 0;
padding: 16px 16px;
width: 100% ;
}
.postgrid .post-contents .post-image{
box-sizing: border-box;
margin: 0;
padding: 0;
width:100%;
overflow:hidden;
}
.postgrid .post-contents .post-image img{
box-sizing: border-box;
margin:0;
padding: 0px;
width:100%;
object-fit: cover;
object-position: 50% 50%;
}
.postgrid .post-contents .post-content{
box-sizing: border-box;
margin: 0;
padding: 0px;
width:100%;
font-size:16px;
}
.postgrid .post-contents .post-content .post-title{
font-size:20px;
font-weight: 600;
}
.postgrid .post-contents .post-content .post-date {
margin: 0;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size:14px;
font-weight: 400;
}
.postgrid .post-contents .post-content .post-excerpt{
margin: 0;
padding-top: 8px;
padding-right: 10px;
padding-bottom: 16px;
padding-left: 10px;
font-size:16px;
font-weight: 400;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
.postgrid {
box-sizing: border-box;
margin: 16px 16px;
padding: 0;
display:flex;
flex-wrap:wrap;
width:calc(100% - 32px);
/*
border-bottom-width: 0.5px;
border-bottom-style: solid;
border-bottom-color: var(--bordercolor);
*/
}
.postgrid .post-contents{
box-sizing: border-box;
margin: 0;
padding: 16px 16px;
width:calc(100% / 3);
}
.postgrid .post-contents .post-image{
box-sizing: border-box;
margin: 0;
padding: 0;
width:100%;
overflow:hidden;
}
.postgrid .post-contents .post-image img{
box-sizing: border-box;
margin:0;
padding: 0px;
width:100%;
object-fit: cover;
object-position: 50% 50%;
}
.postgrid .post-contents .post-content{
box-sizing: border-box;
margin: 0;
padding: 0px;
width:100%;
font-size:16px;
}
.postgrid .post-contents .post-content .post-title{
font-size:24px;
font-weight: 600;
}
.postgrid .post-contents .post-content .post-date {
margin: 0;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size:14px;
font-weight: 400;
}
.postgrid .post-contents .post-content .post-excerpt{
margin: 0;
padding-top: 8px;
padding-right: 0px;
padding-bottom: 16px;
padding-left: 0px;
font-size:16px;
font-weight: 400;
}
}
@media print , screen and (min-width:1024px) {
.postgrid {
box-sizing: border-box;
margin: 16px 0px;
padding: 0;
display:flex;
flex-wrap:wrap;
width:100%;
/*
border-bottom-width: 0.5px;
border-bottom-style: solid;
border-bottom-color: var(--bordercolor);
*/
}
.postgrid .post-contents{
box-sizing: border-box;
margin: 0;
padding: 16px 16px;
width:calc(100% / 3);
}
.postgrid .post-contents .post-image{
box-sizing: border-box;
margin: 0;
padding: 0;
width:100%;
overflow:hidden;
}
.postgrid .post-contents .post-image img{
box-sizing: border-box;
margin:0px;
padding: 0px;
width:100%;
object-fit: cover;
object-position: 50% 50%;
}
.postgrid .post-contents .post-content{
box-sizing: border-box;
margin: 0;
padding: 0px;
width:100%;
font-size:16px;
}
.postgrid .post-contents .post-content .post-title{
font-size:24px;
font-weight: 600;
}
.postgrid .post-contents .post-content .post-date {
margin: 0;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size:14px;
font-weight: 400;
}
.postgrid .post-contents .post-content .post-excerpt{
margin: 0;
padding-top: 8px;
padding-right: 0px;
padding-bottom: 16px;
padding-left: 0px;
font-size:16px;
font-weight: 400;
}
}
/********************************************/
/*------------------------------------------*/
/* 最新の投稿 */
/*------------------------------------------*/
ul.wp-block-latest-posts__list {
margin: 0;
padding: 0;
}
ul.wp-block-latest-posts__list li {
box-sizing: border-box;
margin: 0;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
ul.wp-block-latest-posts__list li:hover {
}
ul.wp-block-latest-posts__list li a{
margin: 0;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-family: '油性ペン',筆記体;
font-size:24px;
font-weight: 600;
color: #0000cc;
text-decoration: underline;
}
ul.wp-block-latest-posts__list li a:link{
color: #0000cc;
text-decoration: underline;
}
ul.wp-block-latest-posts__list li a:visited{
color: #0000cc;
text-decoration: underline;
}
ul.wp-block-latest-posts__list li a:hover{
color: #0000cc;
text-decoration: none;
}
ul.wp-block-latest-posts__list li a:active{
color: #0000cc;
text-decoration: none;
}
ul.wp-block-latest-posts__list li .wp-block-latest-posts__post-date {
margin: 0;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size:14px;
font-weight: 400;
}
ul.wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt{
margin: 0;
padding: 0;
padding-top: 8px;
padding-right: 10px;
padding-bottom: 16px;
padding-left: 10px;
font-size:16px;
font-weight: 400;
}
/********************************************/
/********************************************/
/********************************************/
/********************************************/
/********************************************/
/* フロントページ [] */
/********************************************/
@media screen and (max-width:600px){
.irori-main {
background: none;
}
.irori-main h2{
margin: 0;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size:24px;
font-weight: 600;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px){
.irori-main {
background: none;
}
.irori-main h2{
margin: 0;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;
font-size:32px;
font-weight: 600;
}
}
@media print , screen and (min-width:1024px){
.irori-main {
background: none;
}
.irori-main h2{
margin: 0;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
font-size:40px;
font-weight: 600;
}
}
/*------------------------------------------*/
/* はじめに */
/*------------------------------------------*/
@media screen and (max-width:600px){
.irori-introduction-section {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.irori-introduction-base {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.irori-introduction {
box-sizing: border-box;
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.irori-introduction h2.title{
position: relative;
z-index:10;
box-sizing: border-box;
display: block;
margin: 16px 10px 16px 10px;
padding: 16px 16px 16px 16px;
text-align: left;
color:#ffffff;
font-size:24px;
border-radius: 2px 2px 2px 2px;
background: var(--themecolor);
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}
.irori-introduction-content {
box-sizing: border-box;
margin:0;
padding:16px 10px;
text-align: left;
}
.irori-introduction-content p {
display:block;
margin:16px 0px;
padding:0;
line-height: 32px;
text-align: left;
font-size: 16px;
font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px){
.irori-introduction-section {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.irori-introduction-base {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.irori-introduction {
box-sizing: border-box;
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.irori-introduction h2.title{
position: relative;
z-index:10;
box-sizing: border-box;
/*display: inline-block;*/
margin: 16px 18px 16px 18px;
padding: 16px 48px;
text-align: left;
color:#ffffff;
font-size:32px;
border-radius: 0vh 0vh 0vh 0vh;
background: var(--themecolor);
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}
.irori-introduction-content {
box-sizing: border-box;
margin:0;
padding:18px 18px;
text-align: left;
}
.irori-introduction-content p {
display:block;
margin:16px 0px;
padding:0;
line-height: 32px;
text-align: left;
font-size: 16px;
font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
}
@media print , screen and (min-width:1024px){
.irori-introduction-section {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.girori-introduction-base {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: var(--backcolor);
}
.irori-introduction {
box-sizing: border-box;
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.irori-introduction h2.title{
box-sizing: border-box;
position: relative;
z-index:0;
display: block;
margin: 16px 0px 16px 0px;
padding: 16px 0px 0px 0px;
text-align: center;
width: 100% ;
color: #ffffff;
font-size:40px;
border-radius: 0% 0% 0% 0%;
background: var(--themecolor);
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}
.irori-introduction-content {
box-sizing: border-box;
margin:0;
padding:20px 20px;
text-align: center;
}
.irori-introduction-content p {
display:block;
margin:16px 0px;
padding:0;
line-height: 32px;
text-align: left;
font-size: 20px;
font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
}
/*------------------------------------------*/
/* グループホームとは */
/*------------------------------------------*/
@media screen and (max-width:600px){
.group-home-section {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.group-home-base {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.group-home {
box-sizing: border-box;
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.group-home h2.title{
box-sizing: border-box;
position: relative;
z-index:10;
display: block;
margin: 16px 10px 16px 10px;
padding: 16px 16px 16px 16px;
text-align: left;
color:#ffffff;
font-size:24px;
color: var(--themecolor);
background: var(--caption2color);
border-top: solid 3px var(--themecolor);
}
.group-home-content {
box-sizing: border-box;
margin:0;
padding:16px 10px;
text-align: left;
}
.group-home-content h3 {
box-sizing: border-box;
display:block;
margin: 16px 0px 0px 0px;
padding: 8px 16px;
line-height: 32px;
text-align: left;
font-size: 18px;
font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
color: var(--themecolor);
background: var(--caption2color);
border-bottom: solid 1px var(--themecolor);
}
.group-home-content h4 {
display:block;
margin:16px 0px;
padding:16px 16px;
line-height: 32px;
text-align: left;
font-size: 16px;
font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
background: var(--themecolor);
color: #ffffff;
border-radius: 4px;
}
.group-home-content p {
display:block;
margin:16px 0px;
padding:16px 16px;
line-height: 32px;
text-align: left;
font-size: 16px;
font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
box-sizing: border-box;
background: var(--themecolorclear);
color: var(--forecolor);
border-top: 2px dashed var(--themecolor);
border-bottom: 2px dashed var(--themecolor);
border-radius: 2px;
box-shadow: 0 0 0 4px var(--themecolorclear);
max-width:calc(100% - 16px);
margin-left:8px;
}
.group-home-content ul {
box-sizing: border-box;
margin:0px;
padding:0px;
width:100%;
font-size: 16px;
}
.group-home-content ul li{
box-sizing: border-box;
position:relative;
margin:16px 0px 48px 0px;
padding:16px 16px;
background: var(--themecolor);
color: #fff;
list-style:none;
border-top: 2px dashed #fff;
border-bottom: 2px dashed #fff;
border-radius: 2px;
box-shadow: 0 0 0 4px var(--themecolor);
width:calc(100% - 18px);
margin-left:9px;
}
.group-home-content ul li:not(:last-of-type)::after{
content:"";
display:block;
position: absolute;
top: calc(100% + 12px);
left: calc(50% - 20px);
width: 0;
height: 0;
border-style: solid;
border-width: 20px;
border-color: #f2c200 transparent transparent transparent;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px){
.group-home-section {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.group-home-base {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.group-home {
box-sizing: border-box;
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.group-home h2.title{
box-sizing: border-box;
position: relative;
z-index:10;
/*display: inline-block;*/
margin: 16px 18px 16px 18px;
padding: 16px 16px;
text-align: left;
color:#ffffff;
font-size:32px;
color: var(--themecolor);
background: var(--caption2color);
border-top: solid 5px var(--themecolor);
}
.group-home-content {
box-sizing: border-box;
margin:0;
padding:16px 18px;
text-align: left;
}
.group-home-content h3 {
box-sizing: border-box;
display:block;
margin: 16px 0px 0px 0px;
padding: 8px 16px;
line-height: 32px;
text-align: left;
font-size: 20px;
font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
color: var(--themecolor);
background: var(--caption2color);
border-left: solid 8px var(--themecolor);
}
.group-home-content h4 {
display:block;
margin:16px 0px;
padding:16px 16px;
line-height: 32px;
text-align: left;
font-size: 16px;
font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
background: var(--themecolor);
color: #ffffff;
border-radius: 4px;
}
.group-home-content p {
display:block;
margin:16px 0px;
padding:16px 16px;
line-height: 32px;
text-align: left;
font-size: 16px;
font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
box-sizing: border-box;
background: var(--themecolorclear);
color: var(--forecolor);
border-top: 2px dashed var(--themecolor);
border-bottom: 2px dashed var(--themecolor);
border-radius: 2px;
box-shadow: 0 0 0 4px var(--themecolorclear);
max-width:calc(100% - 24px);
margin-left:12px;
}
.group-home-content ul {
box-sizing: border-box;
margin:20px;
padding:20px;
width:100%;
font-size: 18px;
}
.group-home-content ul li{
box-sizing: border-box;
position:relative;
margin:16px 0px 48px 0px;
padding:16px 16px;
background: var(--themecolor);
color: #fff;
list-style:none;
border-top: 2px dashed #fff;
border-bottom: 2px dashed #fff;
border-radius: 2px;
box-shadow: 0 0 0 4px var(--themecolor);
width:calc(100% - 48px);
}
.group-home-content ul li:not(:last-of-type)::after{
content:"";
display:block;
position: absolute;
top: calc(100% + 12px);
left: 68px;
width: 0;
height: 0;
border-style: solid;
border-width: 20px;
border-color: #f2c200 transparent transparent transparent;
}
}
@media print , screen and (min-width:1024px){
.group-home-section {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.group-home-base {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.group-home {
box-sizing: border-box;
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.group-home h2.title{
box-sizing: border-box;
position: relative;
z-index:0;
display: block;
margin: 16px auto 16px auto;
padding: 16px 0px 0px 0px;
text-align: center;
width: 100% ;
color: #ffffff;
font-size:40px;
color: var(--themecolor);
background: var(--caption2color);
border-top: solid 5px var(--themecolor);
}
.group-home h2.title:before{
font-weight: 600;
content: '― ';
}
.group-home h2.title:after{
font-weight: 600;
content: ' ―';
}
.group-home-content {
box-sizing: border-box;
margin:0;
padding:0;
text-align: center;
/* ulを中央に寄せる */
display: flex;
align-items: center;
flex-direction: column;
}
.group-home-content h3 {
box-sizing: border-box;
display:block;
margin:16px 0px;
padding:16px 16px;
line-height: 32px;
text-align: center;
font-size: 28px;
font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
color: var(--themecolor);
border-bottom: solid 3px var(--themecolor);
}
.group-home-content h4 {
display:inline-block;
margin:16px 0px;
padding:16px 16px;
line-height: 32px;
text-align: left;
font-size: 20px;
font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
background: var(--themecolor);
color: #ffffff;
border-radius: 4px;
}
.group-home-content p {
display:inline-block;
margin:16px 0px;
padding:16px 16px;
line-height: 32px;
text-align: left;
font-size: 20px;
font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
box-sizing: border-box;
width:80%;
background: var(--themecolorclear);
color: var(--forecolor);
border-top: 2px dashed var(--themecolor);
border-bottom: 2px dashed var(--themecolor);
border-radius: 2px;
box-shadow: 0 0 0 4px var(--themecolorclear);
max-width:calc(100% - 8px);
}
.group-home-content ul {
box-sizing: border-box;
margin:0px;
padding:0px;
width:80%;
font-size: 20px;
}
.group-home-content ul li{
box-sizing: border-box;
position:relative;
margin:16px 0px 48px 0px;
padding:16px 16px;
background: var(--themecolor);
color: #fff;
list-style:none;
border-top: 2px dashed #fff;
border-bottom: 2px dashed #fff;
border-radius: 2px;
box-shadow: 0 0 0 4px var(--themecolor);
}
.group-home-content ul li:not(:last-of-type)::after{
content:"";
display:block;
position: absolute;
top: calc(100% + 12px);
left: calc(50% - 20px);
width: 0;
height: 0;
border-style: solid;
border-width: 20px;
border-color: #f2c200 transparent transparent transparent;
}
}
/*------------------------------------------*/
/* 施設内紹介 */
/*------------------------------------------*/
@media screen and (max-width:600px){
.facility-introduction-section {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: var(--themecolorclear);
}
.facility-introduction-base {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.facility-introduction {
box-sizing: border-box;
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.facility-introduction h2.title {
margin: 16px 10px;
padding: 16px 16px;
text-align: left;
color:var(--themecolor);
position: relative;
}
.facility-introduction-content h2 {
margin: 16px 10px;
padding: 16px 16px;
text-align: left;
color:var(--themecolor);
position: relative;
font-size:20px;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(1) {
margin:0;
padding:0;
overflow:hidden;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(1) table {
margin:0;
padding:0;
width:100%;
border-collapse: collapse;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(1) table tr{
display:block;
width:100%;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(1) table td{
box-sizing: border-box;
display:block;
margin:0;
padding: 28px 32px;
/* border:1px solid #dddddd;*/
width:100%;
color:#4f4f4f;
/* background-color: #ffffff;*/
vertical-align:top;
text-align: left;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(1) table td img{
margin:0;
padding: 0;
width:calc(100%);
aspect-ratio: 4 / 3 ;
object-fit: cover;
object-position: 50% 50%;
vertical-align: middle;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(2) {
margin:0;
padding:0;
overflow:hidden;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(2) table {
margin:0;
padding:0;
width:100%;
border-collapse: collapse;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(2) table tr{
display:block;
width:100%;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(2) table td:nth-of-type(1){
box-sizing: border-box;
display:block;
margin:0;
padding: 32px 32px 0px;
/*
border:1px solid #dddddd;
border-bottom:none;
*/
width:100%;
color:#4f4f4f;
/*background-color: #ffffff;*/
vertical-align:middle;
text-align: left;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(2) table td:nth-of-type(2){
box-sizing: border-box;
display:block;
margin:0;
padding: 28px 32px;
/*
border:1px solid #dddddd;
border-top:none;
*/
width:100%;
color:#4f4f4f;
/*background-color: #ffffff;*/
vertical-align:middle;
text-align: left;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(2) table td img{
margin:0;
padding: 0;
width:100%;
aspect-ratio: 4 / 3 ;
object-fit: cover;
object-position: 50% 50%;
vertical-align: middle; /* セルいっぱいに表示させるために指定 */
}
}
@media screen and (min-width: 600px) and (max-width: 1024px){
.facility-introduction-section {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: var(--themecolorclear);
}
.facility-introduction-base {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.facility-introduction {
box-sizing: border-box;
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.facility-introduction h2.title {
margin: 16px 18px;
padding: 16px 0px;
text-align: center;
color:var(--themecolor);
position: relative;
}
.facility-introduction-content h2 {
margin: 16px 0px;
padding: 16px 16px;
text-align: center;
color:var(--themecolor);
position: relative;
font-size:24px;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(1) {
margin:0;
padding:0;
overflow:hidden;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(1) table {
margin:0;
padding:0;
width:100%;
border-collapse: collapse;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(1) table tr{
width:100%;
display:table-row;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(1) table td{
box-sizing: border-box;
display:table-cell;
margin:0;
padding: 16px 16px;
border:1px solid #dddddd;
width:calc(100% / 2);
color:#4f4f4f;
background-color: #ffffff;
vertical-align:top;
text-align: left;
background-color: var(--themecolor);
color: #ffffff;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(1) table td img{
box-sizing: border-box;
margin: 0px 0px 16px 0px;
padding: 0px 0px 0px 0px;
width:calc(100%);
aspect-ratio: 4 / 3 ;
object-fit: cover;
object-position: 50% 50%;
vertical-align: middle;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(2) {
margin:0;
padding:0;
overflow:hidden;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(2) table {
margin:0;
padding:0;
width:100%;
border-collapse: collapse;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(2) table tr{
width:100%;
display:table-row;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(2) table td:nth-of-type(1){
box-sizing: border-box;
display:table-cell;
margin:0;
padding: 0px 0px;
border:1px solid #dddddd;
width:30%;
color:#4f4f4f;
background-color: #ffffff;
vertical-align:middle;
text-align: center;
background-color: var(--themecolor);
color: #ffffff;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(2) table td:nth-of-type(2){
box-sizing: border-box;
display:table-cell;
margin:0;
padding: 16px 32px;
border:1px solid #dddddd;
width:70%;
color:#4f4f4f;
background-color: #ffffff;
vertical-align:middle;
text-align: left;
background-color: var(--themecolor);
color: #ffffff;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(2) table td img{
box-sizing: border-box;
margin:0;
padding: 0;
width:100%;
aspect-ratio: 4 / 3 ;
object-fit: cover;
object-position: 50% 50%;
vertical-align: middle; /* セルいっぱいに表示させるために指定 */
}
}
@media print , screen and (min-width:1024px){
.facility-introduction-section {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: var(--themecolorclear);
}
.facility-introduction-base {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.facility-introduction {
box-sizing: border-box;
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.facility-introduction h2.title {
margin: 16px 0px;
padding: 10px 0px;
text-align: center;
color:var(--themecolor);
position: relative;
}
.facility-introduction-content h2 {
margin: 16px 0px;
padding: 10px 20px;
text-align: center;
color:var(--themecolor);
position: relative;
font-size:28px;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(1) {
margin:0;
padding:0;
overflow:hidden;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(1) table {
box-sizing: border-box;
margin:0;
padding:0;
width:100%;
border-collapse: collapse;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(1) table tr{
display:table-row;
width:100%;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(1) table td{
display:table-cell;
margin:0;
padding: 10px 10px 10px 10px;
border:1px solid #dddddd;
width:calc(100% / 2);
color:#4f4f4f;
background-color: #ffffff;
vertical-align:top;
text-align: left;
background-color: var(--themecolor);
color: #ffffff;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(1) table td img{
box-sizing: border-box;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
width:calc(100%);
aspect-ratio: 4 / 3 ;
object-fit: cover;
object-position: 50% 50%;
vertical-align: middle;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(2) {
margin:0;
padding:0;
overflow:hidden;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(2) table {
box-sizing: border-box;
margin:0;
padding:0;
width:100%;
border-collapse: collapse;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(2) table tr{
display:table-row;
width:100%;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(2) table td:nth-of-type(1){
display:table-cell;
margin:0;
padding: 0px 0px;
border:1px solid #dddddd;
width:40%;
color:#4f4f4f;
background-color: #ffffff;
vertical-align:middle;
text-align: center;
background-color: var(--themecolor);
color: #ffffff;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(2) table td:nth-of-type(2){
display:table-cell;
margin:0;
padding: 10px 20px;
border:1px solid #dddddd;
width:60%;
color:#4f4f4f;
background-color: #ffffff;
vertical-align:middle;
text-align: left;
background-color: var(--themecolor);
color: #ffffff;
}
.facility-introduction-content figure.wp-block-table:nth-of-type(2) table td img{
box-sizing: border-box;
margin:0;
padding:0;
width:100%;
aspect-ratio: 4 / 3 ;
object-fit: cover;
object-position: 50% 50%;
vertical-align: middle; /* セルいっぱいに表示させるために指定 */
}
}
/*------------------------------------------*/
/* いろりからのおしらせ */
/*------------------------------------------*/
@media screen and (max-width:600px){
.rori-notice-section {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.rori-notice-base {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.rori-notice {
box-sizing: border-box;
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
border: none;
}
.irori-notice-title {
margin: 16px 10px;
padding: 16px 16px;
text-align: left;
color:var(--themecolor);
position: relative;
}
.irori-notice-title span.more {
position: absolute;
bottom: 20px;
right: 16px;
padding: 4px;
font-size:12px;
color:var(--themebkcolor) !important;
background: var(--themecolor) !important;
border: solid 1px var(--themecolor) !important;
border-radius: 4px;
white-space: nowrap;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px){
.irori-notice-section {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.irori-notice-base {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.irori-notice {
box-sizing: border-box;
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.irori-notice-title {
margin: 16px 0px;
padding: 16px 18px;
text-align: center;
color:var(--themecolor);
position: relative;
}
.irori-notice-title span.more {
position: absolute;
bottom: 30px;
right: 18px;
padding: 4px;
font-size:14px;
color:var(--themebkcolor) !important;
background: var(--themecolor) !important;
border: solid 1px var(--themecolor) !important;
border-radius: 4px;
white-space: nowrap;
}
}
@media print , screen and (min-width:1024px){
.irori-notice-section {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.irori-notice-base {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.irori-notice {
box-sizing: border-box;
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.irori-notice-title {
margin: 16px 0px;
padding: 16px 0px;
text-align: center;
color:var(--themecolor);
position: relative;
}
.irori-notice-title span.more {
position: absolute;
bottom: 40px;
right: 8px;
padding: 4px;
font-size:14px;
color:var(--themebkcolor) !important;
background: var(--themecolor) !important;
border: solid 1px var(--themecolor) !important;
border-radius: 4px;
white-space: nowrap;
}
}
/********************************************/
/*------------------------------------------*/
/* いろりからのお知らせ一覧 */
/*------------------------------------------*/
@media screen and (max-width:600px){
.notices-rori-section {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.notices-rori-base {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: var(--backcolor);
}
}
@media screen and (min-width: 600px) and (max-width: 1024px){
.notices-rori-section {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.notices-rori-base {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: var(--backcolor);
}
}
@media print , screen and (min-width:1024px){
.notices-rori-section {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.notices-rori-base {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: var(--backcolor);
}
}
/********************************************/
/*------------------------------------------*/
/* いろりからのお知らせ(投稿) */
/*------------------------------------------*/
@media screen and (max-width:600px){
.single-irori-section {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.single-irori-base {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.single-irori {
box-sizing: border-box;
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
border: none;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 50px;
padding-right: 16px;
padding-bottom: 50px;
padding-left: 16px;
width:100%;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px){
.single-irori-section {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.single-irori-base {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.single-irori {
box-sizing: border-box;
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
max-width: 960px;
padding-top: 50px;
padding-right: 16px;
padding-bottom: 50px;
padding-left: 16px;
width:100%;
}
}
@media print , screen and (min-width:1024px){
.single-irori-section {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.single-irori-base {
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
}
.single-irori {
box-sizing: border-box;
position: relative; /* 独立した */
z-index:0; /* 階層を設置 */
background: none;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
max-width: 960px;
padding-top: 50px;
padding-right: 0px;
padding-bottom: 50px;
padding-left: 0px;
width:100%;
}
}
/****************************************************/
