a{
text-decoration: underline;
}
a:hover{
opacity: 0.8;
}
div,p{
font-size: 15px;
font-size: 1.5rem;
line-height: 1.7;
letter-spacing: 0.05em;
}
p{
margin: 1em;
}
.entry-summary p{
margin: 5px;
}
p.summary-text{
border-bottom: 4px double #ccc;
text-shadow: 0px 1px 1px #ddd;
padding: 0 15px 15px;
margin: 10px 0;
}
.content-guide .PurposeSearch-boxes p {
color:#111;
position: absolute;
width: 100%;
bottom: 0;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
padding: 0;
letter-spacing: -0.02em;
margin:0;
}
span{
font-size:100%;
}
ul ,ol{
display: block;
padding: 0.5em 0.5em 0.5em 2em;
margin: 15px;
}
ul li ,ol li{
display: list-item;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.7;
letter-spacing: 0.05em;
}
ol li{
list-style: decimal;
}
ul.list-style-none {
list-style-type: none;
padding-left: 0;
}
ul.list-style-none li a{
line-height: 2;
}
ul.list-style-none li a::before{
content: "■ ";
}
ul.list-style-none li>ul>li a::before{
content: "";
}
img{
max-width: 100%;
height: auto;
}
table{
border-collapse: collapse;
margin: 10px 5px;
}
table td{
border-collapse: collapse;
background-color: #fcfcfc;
text-align: left;
padding: 5px;
border: 1px solid #D6D6D6;
line-height: 20px;
vertical-align: middle;
font-size: 14px;
font-size: 1.4rem;
}
table th{
background-color: #F5F5F5;
text-align: left;
padding: 8px;
color: #151515;
border-top: 1px solid #D4D4D4;
border-bottom: 1px solid #D4D4D4;
border-left: 1px solid #D4D4D4;
border-right: 1px solid #D4D4D4;
font-size: 14px;
font-size: 1.4rem;
font-weight: normal;
letter-spacing: 0.05em;
background-repeat: repeat-x;
background-position: top;
}
blockquote{
clear: both;
padding: 5px 0 5px 15px;
margin: 10px 10px 25px 20px;
border-left: 2px solid #ccc;
}
.prev, .next{
float: left;
position: relative;
width: fit-content;
max-width: 98%;
height: 25px;
white-space: nowrap;
text-overflow: ellipsis;
overflow-x: hidden;
margin: 30px 0 5px 5px;
border-bottom: 2px dotted #999;
clear: both;
}
.next{
margin: 5px 0 30px 5px;
}
.prev a, .next a{
margin: 0 0 0 75px;
font-size: 14px;
font-size: 1.4rem;
font-weight: normal;
color: #111;
text-decoration: none;
}
.prev::before{
content: '前の記事 ≫';
position: absolute;
top: 0;
color: #555;
font-size: 13px;
font-size: 1.3rem;
display: flex;
justify-content: center;
align-items: center;
display: -ms-flexbox;
-ms-flex-pack: justify;
-ms-flex-line-pack: center;
}
.next::before{
content: '次の記事 ≫';
position: absolute;
top: 0;
color: #555;
font-size: 13px;
font-size: 1.3rem;
display: flex;
justify-content: center;
align-items: center;
display: -ms-flexbox;
-ms-flex-pack: justify;
-ms-flex-line-pack: center;
}
.prev.arrow, .next.arrow{
height: 28px;
}
.prev.arrow::before,.next.arrow::before{
content: "≫";
position: absolute;
top: 1px;
color: rgb(136, 136, 136);
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
left: 0px;
width: 22px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
display: -ms-flexbox;
-ms-flex-pack: justify;
-ms-flex-line-pack: center;
border: 1px solid rgb(204, 204, 204);
border-radius: 50%;
padding: 0px 0px 0px 1px;
}
.prev.arrow a, .next.arrow a{
margin: 0 0 0 30px;
}
h1,h2,h3,h4,h5,h6{
color: #222;
font-weight: bold;
font-size: 16px;
font-size: 1.6rem;
padding: 0.8em 1em;
letter-spacing: 0.05em;
margin: 3em 0;
}
h2{
border-left: 7px solid #ffc778;
background: #fff6e8;
}
h1.title,h2.title{
font-size: 20px;
font-size: 2.0rem;
text-shadow: 1px 1px #eee;
border-left: 6px solid #b70200;
border-bottom: 1px solid #ccc;
background: none;
margin: 1.5em 0;
}
.post-type h1.title,.post-type h2.title{
margin: 0 0 10px;
}
.floor h1.title,.floor h2.title{
color: #eee;
margin: 2em 0 1em;
text-shadow: none;
border: none;
box-shadow: none;
background: #b32020;
text-align: center;
}
.floor h1.title span,.floor h2.title span{
font-size:0.8em;
}
#floor h3{
font-size: 14px;
font-size: 1.4rem;
margin: 0 0 5px;
clear: both;
color: #3c3c24;
text-align: center;
border: 0;
background: none;
text-decoration: underline;
padding: 0.5em 0;
}
#floor h3>a{
color: #008c9d;
}
#floor h3>a:hover{
color: #69c7d0;
}
.content-guide h3,.content h3{
font-weight: bold;
background: #fff3ec;
}
.archives .text h3 {
background: none;
margin: 0;
padding: 2px 0 7px;
font-weight: bold;
}
h5.dia::before {
width: 7px;
height: 7px;
left: 11px;
top: 13px;
}
span.stripe{
position: relative;
padding: 0.3em;
}
span.stripe:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 5px;
background: repeating-linear-gradient(-45deg, #ffc108, #ffc108 2px, white 2px, white 4px);
}
@media only screen and (max-width:630px){
.content-guide .PurposeSearch-boxes p {
font-size: 11px;
font-size: 1.1rem;
}
}
@media only screen and (max-width:600px){
div,p,
ul li ,ol li{
font-size: 14px;
font-size: 1.4rem;
line-height: 1.7;
letter-spacing: 0.01em;
}
p{
margin: 10px 5px;
}
p.summary-text{
padding: 0 5px 15px;
}
table td,table th{
padding: 5px 3px 4px;
}
.prev, .next {
margin: 15px 5px 5px;
border-bottom: 1px dotted #999;
}
.next {
margin: 0px 5px 25px;
}
.prev a, .next a {
margin: 0 0 0 60px;
font-size: 13px;
font-size: 1.3rem;
}
.prev::before {
top: 3px;
font-size: 11px;
font-size: 1.1rem;
}
.next::before {
top: 3px;
font-size: 11px;
font-size: 1.1rem;
}
.prev.arrow::before, .next.arrow::before {
font-size: 10px;
font-size: 1.0rem;
width: 17px;
height: 17px;
top: 2px;
left: 2px;
}
.prev.arrow a, .next.arrow a {
margin: 0px 0 0 25px;
}
h1,h2,h3{
font-size: 14px;
font-size: 1.4rem;
}
h1.title,h2.title{
font-size: 16px;
font-size: 1.6rem;
}
.floor h1.title,.floor h2.title {
font-size: 16px;
font-size: 1.6rem;
}
.content-guide h2.list {
background: #fff1dc;
}
}
@media only screen and (max-width:575px){
.content-guide .PurposeSearch-boxes p {
font-size: 10px;
font-size: 1.0rem;
}
}
@media only screen and (max-width:430px){
.content-guide .PurposeSearch-boxes p {
letter-spacing: -0.05em;
}
.prev, .next {
height: 22px;
}
.prev.arrow, .next.arrow {
height: 24px;
}
}
@media only screen and (max-width:370px){
.prev.arrow::before, .next.arrow::before {
border: none;
}
}

/*2019.3.3追記 関連施設*/

div.links{
width: 32.1%;
height: auto;
margin: 0 0.25%;
display: inline-block;
vertical-align: top;
overflow: hidden;
position: relative;
}
div.links a{
color:#222;
text-decoration: none;
}
div.links:hover a{
color: #b70200;
opacity: 0.95;
}
div.links img{
width:100%;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
div.links:hover img{
transform: scale(1.15);
-webkit-transform: scale(1.15);
}
div.links p{
margin: 0;
font-size: 70%;
letter-spacing: -1px;
padding: 0;
background: #fff;
position: absolute;
width: 100%;
bottom: 0;
right: 0;
left: 0;
}

/*2019.3.5追記 リンク用ボックス*/

article.link-box{
clear: both;
display: block;
margin: 1.5em 0;
border: 1px solid #eee;
height: 210px;
overflow: hidden;
background: #fcfcfc;
max-width: 100%;
display: flex;
align-items: center;
}
article.link-box figure{
float: left;
width: 145px;
height: 205px;
margin: 5px;
display: flex;
justify-content: center;
align-items: center;
display: -ms-flexbox;
-ms-flex-pack: justify;
-ms-flex-line-pack: center;
overflow: hidden;
}
article.link-box figure .front-news{
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
article.link-box figure .front-news img{
width: 140px;
height: auto;
margin: 0 10px 0 0;
border: 1px solid #eee;
box-shadow: unset;
}
article.link-box div.text{
display: inline-block;
width: calc(100% - 160px);
float: left;
}
article.link-box div.text h3{
margin: 0 0 0.5em;
padding: 0;
border: none;
background: none;
}
article.link-box div.text h3 a{
color: #333;
}
article.link-box div.text h3::before{
content: none;
}
article.link-box div.text p{
margin: 0;
padding: 0;
letter-spacing: -0.02em;
line-height: 1.6;
font-size: 14px;
font-size: 1.4rem;
}
@media only screen and (max-width:400px){
article.link-box div.text p {
line-height: 1.2;
}
}
@media only screen and (max-width:360px){
article.link-box div.text p {
line-height: 1;
font-size: 10px;
font-size: 1.0rem;
}
div.small-thumbnail.ss article.link-box div.text h3 {
font-size: 12px;
font-size: 1.2rem;
padding: 0 0 0.5em;
}
}
div.small-thumbnail article.link-box {
height: 170px;
}
div.small-thumbnail article.link-box figure{
height: 170px;
}

/*2019-03-19追記 施設リンク専用ボックス*/
div.small-thumbnail.ss article.link-box {
height: auto;
width: 550px;
}
div.small-thumbnail.ss article.link-box figure{
height: 150px;
}
div.small-thumbnail.ss article.link-box div.text h3 {
padding: 0 0.2em 0.2em;
margin-bottom: 0;
}
@media only screen and (max-width:360px){
article.link-box div.text p {
font-size: 11px;
font-size: 1.1rem;
}
}

/*目次2019.6.27追記*/
ul.table-contents{
position: relative;
margin: 1em 0 1.6em;
padding: 1em 1em 1em 2.2em;
list-style-type: disc;
font-size: 1em;
border-bottom: 1px dotted #ccc;
border-top: 1px dotted #ccc;
}
ul.table-contents li{
list-style-type: disc;
display: list-item;
text-align: -webkit-match-parent;
margin: .2em 0;
}
ul.table-contents li ul{
padding: 0 0.5em;
margin: 0.5em 1em;
}
ul.table-contents li ul li{
list-style-type: circle;
}
.entry-content .table-contents {
position:relative;
border: 3px solid #ffc108;
background-color: #FFF;
border-radius: 0px 0px 5px 5px;
margin-top: 3em;
}
.table-contents a{
color:#444;
padding:0;
display: block;
text-decoration: none;
transition-duration: 0.3s;
font-weight:bold;
font-size: 1.1em;
}
.table-contents li a:hover {
padding-left: 7px;
transition-duration: 0.3s;
color: #ff9928;
}

/*見出し2スタイル 2019.6.27追記*/
div.content h2.Arch{
font-size: 22px;
font-size: 2.2rem;
padding: .8em 1em 0.5em .65em;
width: 100%;
background-image: url(https://okamotopbc.jp/tokachi-plaza/wp-content/uploads/2019/06/blue.png);
background-repeat: no-repeat;
background-size: 100% 100%;
text-align: center;
color: #fff;
margin: 3.8em auto 2em;
font-weight: bold;
border: none;
}
div.content h2.Arch.red{
background-image: url(https://okamotopbc.jp/tokachi-plaza/wp-content/uploads/2019/06/red.png);
}
@media only screen and (max-width:430px){
div.content h2.Arch{
margin: 3em auto 1.5em;
font-size: 16px;
font-size: 1.6rem;
line-height: 2;
}
}

/*2019-06-27 イラスト右配置*/
img.Imgright{
float: right;
display: inline-block;
width: 30%;
min-width: 120px;
padding-right: 3em;
}

/*2019-06-28 テーブルコンテンツ中央寄せ*/
table.center {
width: calc(100% - 1em);
}
table.center tr, table.center td, table.center th{
text-align: center;
}
table.center td, table.center th{
padding: 1em 0;
}
table.center div{
text-align: center;
}

/*2019-06-28 カレンダーポップアップ*/
.popupModal1 > input { /* ラジオボックス非表示 */
    display: none;
}
.popupModal1 > input:nth-child(1) + label {
    cursor: pointer;
}
.modalPopup2 { /* 初期設定 ポップアップ非表示 */
    display: none;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {/* ラジオ１ チェックでポップアップ表示 */
    display: block;
    z-index: 998;
    position: fixed;
    width: 80%;
    height:70%;
    border-radius: 20px;
    left: 50%;
    top: 45%;
    margin-top: 30px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 10px 20px;
    overflow: hidden;
}
@media (min-width: 768px) {/* PCのときはページの真ん中の600x600領域 */
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2{
         width: 600px;
         height: 600px;
         padding: 30px;

    }
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
     left: 50% !important;
     top: 50% !important;
     margin-left: 270px !important;
     margin-top: -310px !important;
}
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div {/* */
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > iframe {
    width: 100%;
      height:100%;
      border:none;
      display:block;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1 > input:nth-child(1) + label ~ label {
    display: none;/* ラジオ１ 以外のラベルを初期は非表示 */

}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 997;
    text-indent: -999999px;
    overflow: hidden;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
    background: rgba(255, 255, 255, 0.5);
    display: inline-block;
    position: fixed;
    left: 10px;
    bottom: 20px;
    z-index: 999;
    width: 44pt;
    height: 44pt;
    font-size: 40px;
    border-radius: 50%;
    line-height: 44pt;
    text-align: center;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.popupModal1 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2,
.popupModal1 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
    display: none;
}


.modalPopup2 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.popupModal1 .modalTitle {
     padding-bottom: .5em;
     margin: .5em 0;
     border-bottom:
     1px solid #ccc;
     font-weight: bold;
}
.popupModal1 .modalMain {
     color:#222;
     text-align: left;
     font-size: 14px;
     line-height: 1.8em;
}

/*2019-08-20 テーブルスタイルを追加*/
table.tableBrown{
border-collapse: collapse;
border-spacing: 0px;
border: 1px solid #603813;
margin: 0 0 1.75em;
width: 100%;
}
table.tableBrown th{
width: 20%;padding: 0.7em;
border: 1px dotted #603813;
text-align:center;
}
table.tableBrown td{
padding: 0.7em;
border: 1px dotted #603813;
}