@charset "UTF-8";
@charset "UTF-8";
@charset "utf-8";

 html {
-webkit-text-size-adjust: 100%;
max-height: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,img{ padding:0;
margin:0;
vertical-align:top;
text-align:left; word-break: normal;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}
fieldset,img {
border:0;
}
img {
vertical-align:bottom;
font-size:0;
line-height:0;
}
address,caption,cite,code,dfn,em,x_strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
max-height: 100%;
}
caption,th {
text-align:left;
max-height: 100%;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
dl,dt,dd,ul,ol,x_li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td {
max-height: 100%;
}
main, article, aside, dialog, figure, footer, header,hgroup, nav, section {
display:block;
padding:0;
margin:0;
vertical-align:top;
text-align:left; word-break: normal;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}
table {
border-collapse: collapse;
} .cl:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
.cl{
display: inline-block; x_overflow:hidden;
} * html .cl{
height: 1%;
}
.cl{
display:block;
}

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700;900&display=swap");  html {
font-size:10px;
scroll-behavior: smooth;
}
body {
position:relative;
font-size:1rem;
line-height:1.8;
font-family: 'Noto Sans JP', sans-serif;
color:#444444;
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
-ms-font-feature-settings: "palt";
-o-font-feature-settings: "palt";
font-feature-settings: "palt"; }
@media screen and (max-width: 1500px) {
html { }
body {
font-size:1rem;
width: 100%;
min-width: 100%;
}
}
@media screen and (max-width: 767px) {
html {
font-size:2.868vw;
}
body {
font-size:1rem;
width: 100%;
min-width: 100%;
line-height:1.7;
padding:0;
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
-ms-font-feature-settings: "palt";
-o-font-feature-settings: "palt";
font-feature-settings: "palt";
}
body.fixed {
position: fixed;
width: 100%;
height: 100%;
left: 0;
}
}
* {
font-style: normal;
font-weight: 400;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
a {color: #444444; text-decoration: none; transition: .5s;}
a:hover {color: #666666; text-decoration:underline; transition: .5s;}
main a {color: #444444; text-decoration: underline;	transition: .5s;}
main a:hover {color: #666666; text-decoration:none;	transition: .5s;}
a:hover img ,
a.opacity:hover ,
footer footer_in .f_contents section dl a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
header h2 a:hover img ,
footer dl dt a:hover img {
opacity:1.0;
filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity:1.0; -khtml-opacity: 1.0; zoom:1;
}
a:before, a:after,
a:hover:before, a:hover:after{
text-decoration: none !important;
display: inline-block;
}
img {
width: 100%;
height: auto;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
image-rendering: -webkit-optimize-contrast;
} .md , .md_img {
display: none;
}
.sp , .sp_img {
display: none;
}
@media screen and (max-width: 767px) {
img {
max-width: none;
width: 100%;
height: auto;
}
.pc {
display: none;
}
.sp , .sp_img {
display: block;
}
}   h1 {
display:none;
}
header {
position: fixed;
top: 0;
left: 0;
z-index: 10;
background: #FFF;
width: 285px;
height: 100vh;
}
header .header_box h2 a {
display: block;
text-decoration: none;
background: #000; padding: 2vh 0;
}
header .header_box h2 a span {
display: block; width: 80%;
margin: 0 auto;
}
header .header_box .header_menu {
height: calc(100vh - 220px);
overflow-y: auto;
padding-bottom: 2vh;
scroll-behavior: smooth;
}
header .header_box .header_menu::-webkit-scrollbar{
width: 5px;
height: 5px;
}
header .header_box .header_menu::-webkit-scrollbar-track{
background: #eee;
}
header .header_box .header_menu::-webkit-scrollbar-thumb{
background: #ccc;
border-radius: 2px;
}
header .header_box .header_menu::-webkit-scrollbar-thumb:hover{
background: #aaa;
}
header .header_box nav ul li {
position: relative;
}
header .header_box nav ul li:not(:last-of-type)::after {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 100%;
height: 1px;
display: block;
background: #FFF;
content: '';
}
header .header_box nav ul li a {
display: block;
text-decoration: none;
font-family: 'Noto Serif JP', serif;
font-size: 1.6rem;
font-weight: 500;
color: #FFF;
line-height: 1.1;
padding: .8em 0 .8em 4em;
}
header .header_box nav ul li:nth-child(odd) a {
background: #754c27;
}
header .header_box nav ul li:nth-child(even) a {
background: #885d3b;
}
header .header_box nav ul li a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
header .header_box .db {
margin-bottom: 1vh;
}
header .header_box .db a { display: table;
width: 100%;
text-decoration: none;
color: #FFF; background: #000; padding: 2vh 0;
}
header .header_box .db a span { display: table-cell;
vertical-align: middle;
width: 40%;
padding: 0 5%;
}
header .header_box .db a em { display: table-cell;
vertical-align: middle;
width: 60%;
padding: 0 5%;
font-size: 1.8rem;
font-weight: 700;
}
header .header_box .db a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
header .header_box .twitter {
margin-bottom: 1vh;
}
header .header_box .facebook {
margin-bottom: 1vh;
}
header .header_box .youtube a {
display: block;
text-decoration: none; padding: 2vh 0;
}
header .header_box .youtube a span {
display: block;
width: 130px;
margin: 0 auto;
}
header .header_box .youtube a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
header .header_box .side_banner li:not(:last-of-type) { margin-bottom: 2vh;
}
header .header_box .side_banner li.sakata {
width: 235px;
margin: 0 auto;
}
header .header_box .rakuten_banner {
margin-bottom: 1vh;
}
@media screen and (max-width: 1100px) {
header {
width: 200px;
}
header .header_box h2 a span { }
header .header_box nav ul li a {
padding: .8em 0 .8em 2em;
}
header .header_box .db a em {
font-size: 1.6rem;
}
header .header_box .side_banner li.sakata {
width: 100%;
}
}
@media screen and (max-height: 1100px) and (min-width: 1101px) {
header .header_box h2 a {
padding: 1vh 0;
}
header .header_box .header_menu {
height: calc(100vh - 65px);
overflow-y: auto;
padding-bottom: 2vh;
scroll-behavior: smooth;
}
header .header_box nav ul li a {
padding: 1vh 0 1vh 4em;
}
header .header_box .db a {
padding: 1vh 0;
}
header .header_box .youtube a {
padding: 1vh 0;
}
header .header_box .side_banner li:not(:last-of-type) {
margin-bottom: 1vh;
}	
}
@media screen and (max-height: 900px) and (max-width: 1100px) {
header .header_box h2 a {
padding: 1vh 0;
}
header .header_box .header_menu {
height: calc(100vh - 165px);
overflow-y: auto;
padding-bottom: 2vh;
scroll-behavior: smooth;
}
header .header_box nav ul li a {
padding: 1vh 0 1vh 2em;
}
header .header_box .db a {
padding: 1vh 0;
}
header .header_box .youtube a {
padding: 1vh 0;
}
header .header_box .side_banner li:not(:last-of-type) {
margin-bottom: 1vh;
}	
}
@media screen and (max-height: 900px) and (min-width: 1101px) {
header .header_box h2 a span {
width: 60%;
}
header .header_box .header_menu {
height: calc(100vh - 65px);
overflow-y: auto;
padding-bottom: 2vh;
scroll-behavior: smooth;
}
header .header_box nav ul li a {
font-size: 1.4rem;
padding: 1.2vh 0 1.2vh 2em;
} }
@media screen and (max-height: 900px) and (max-width: 1100px) {
header .header_box .header_menu {
height: calc(100vh - 165px);
overflow-y: auto;
padding-bottom: 2vh;
scroll-behavior: smooth;
}
header .header_box nav ul li a {
font-size: 1.4rem;
padding: 1.2vh 0 1.2vh 2em;
} }
@media screen and (max-width: 767px) {
header {
position: relative;
top: inherit;
left: inherit;
z-index: 50;
width: 100%;
height: auto;
}
header .header_box h2 a {
padding: 5vw 0 5vw;
}
header .header_box h2 a span {
width: 50vw;
}
.h_menu_btn {
position: fixed;
top: 4vw;
right: 4vw;
z-index: 100;
width: 8vw;
height: 8vw;
cursor: pointer;
mix-blend-mode: exclusion;
}
.h_menu_btn.is-active {
height: 8vw;
}
.h_menu_btn span {
position: absolute;
left: 0;
z-index: 50;
width: 100%;
height: 0.522vw;
display: block;
transition: .5s;
}
.h_menu_btn span:first-of-type {
top: 0;
background: #FFFFFF;
}
.h_menu_btn span:nth-of-type(2) {
top: 3vw;
background: #FFFFFF;
}
.h_menu_btn span:last-of-type {
top: 6vw;
background: #FFFFFF;
}
.h_menu_btn.is-active span:first-of-type {
top: 2.347vw;
left: 0;
transform: translateY(5px) rotate(-45deg);
background: #FFFFFF;
}
.h_menu_btn.is-active span:nth-of-type(2) {
opacity: 0;
}
.h_menu_btn.is-active span:last-of-type {
top: 4.694vw;
left: 0;
transform: translateY(-5px) rotate(45deg);
background: #FFFFFF;
}
header .header_box .header_menu {
position: fixed;
top: 0;
right: 0;
z-index: 30;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, .9);
pointer-events: none;
opacity: 0;
transform-origin: center;
transform: scale(.5);
transition: all .1s ease;
overflow:auto;
text-align: center;
padding-bottom: 10vh;
} header .header_menu::-webkit-scrollbar{
width: 10px;
background: #dee2e5;
} header .header_menu::-webkit-scrollbar:horizontal{
width: 10px;
background: #dee2e5;
} header .header_menu::-webkit-scrollbar-thumb{
background: #666666;
border-radius: 2px;
} header .header_menu::-webkit-scrollbar-thumb:horizontal{
background: #666666;
border-radius: 2px;
} header .header_menu::-webkit-scrollbar-track-piece:start{
background: #dee2e5;
} header .header_menu::-webkit-scrollbar-track-piece:end{
background: #dee2e5;
} header .header_menu::-webkit-scrollbar-corner{
background: transparent;
}
header .header_menu.is-active {
pointer-events: auto;
opacity: 1;
transform: scale(1.0);
}
header .header_box nav {
padding-top: 15vw;
}
header .header_box nav ul li a {
font-size: 1.4rem;
padding: .8em 0 .8em 1em;
}
header .header_box .db {
margin-bottom: 5vw;
}
header .header_box .db a {
display: table;
width: 100%;
padding: 4vw 0;
}
header .header_box .db a span {
display: table-cell;
width: 30%;
margin-bottom: 0;
padding: 0 4%;
vertical-align: middle;
}
header .header_box .db a em {
display: table-cell;
width: 70%;
text-align: center;
font-size: 1.6rem;
font-weight: 700;
padding: 0 4%;
vertical-align: middle;
}
header .header_box .twitter {
border: solid 1px #FFF;
width: 60%;
margin: 0 auto;
margin-bottom: 5vw;
}
header .header_box .facebook {
width: 60%;
margin: 0 auto;
margin-bottom: 5vw;
}
header .header_box .youtube {
width: 60%;
margin: 0 auto;
margin-bottom: 5vw;
}
header .header_box .youtube a {
background: #FFF;
padding: 4vw 0 ;
}
header .header_box .youtube a span {
display: block;
width: 60%;
margin: 0 auto;
}
header .header_box .side_banner li {
width: 60%;
margin: 0 auto;
}
header .header_box .side_banner li:not(:last-of-type) {
margin-bottom: 5vw;
}
header .header_box .side_banner li.sakata {
width: 60%;
}
header .header_box .rakuten_banner {
width: 60%;
margin: 0 auto;
margin-bottom: 5vw;
}
} footer {
position: relative; background: #FFF;
border-top: solid 1px #000;
padding: 50px 0;
padding-left: 315px; font-size: 0;
}
footer .footer_box {
display: inline-block;
text-align: left;
}
footer .footer_box .f_logo {
width: 430px;
margin-bottom: 20px;
}
footer .footer_box .f_add {
margin-bottom: 10px;
font-family: 'Noto Serif JP', serif;
line-height: 1.1;
}
footer .footer_box .f_add:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
footer .footer_box .f_add p {
float: left;
margin-right: 25px;
}
footer .footer_box .f_add p em {
font-size: 1.2rem;
font-weight: 500;
margin-right: 1em;
letter-spacing: .1em;
}
footer .footer_box .f_add p span {
font-size: 1.6rem;
font-weight: 700;
letter-spacing: .1em;
}
footer .footer_box .f_add address {
float: left;
display: block;
font-size: 1.2rem;
font-weight: 500;
letter-spacing: .1em;
padding-top: .3em;
}
footer .footer_box .f_add address span {
font-weight: 500;
margin-right: 1em;
}
footer .footer_box .f_tel:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
footer .footer_box .f_tel dl {
float: left;
margin-right: 75px;
padding-top: 10px;
}
footer .footer_box .f_tel dl:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
footer .footer_box .f_tel dl dt ,
footer .footer_box .f_tel dl dd {
float: left;
position: relative;
padding-left: 35px;
font-family: 'Noto Serif JP', serif;
font-size: 1.6rem;
font-weight: 900;
letter-spacing: .15em;
}
footer .footer_box .f_tel dl dt {
font-size: 2.4rem;
margin-right: 15px;
line-height: 1em;
}
footer .footer_box .f_tel dl dt:before ,
footer .footer_box .f_tel dl dd:before {
position: absolute;
top: 0;
left: 0;
width: 25px;
height: 22px;
display: block;
background-size: cover !important;
content: '';
}
footer .footer_box .f_tel dl dt:before {
top: 1px;
background: url(//www.homma-museum.or.jp/img/common/icon_tel.svg) no-repeat center center;
}
footer .footer_box .f_tel dl dd:before {
background: url(//www.homma-museum.or.jp/img/common/icon_fax.svg) no-repeat center center;
}
footer .footer_box .f_tel ul {
float: left;
}
footer .footer_box .f_tel ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
footer .footer_box .f_tel ul li {
float: left;
}
footer .footer_box .f_tel ul li:not(:last-of-type) {
margin-right: 50px;
}
footer .footer_box .f_tel ul li.youtube {
width: 130px;
padding-top: 5px;
}
footer .footer_box .f_tel ul li.fb {
width: 40px;
}
footer .footer_box .f_tel ul li.db {
width: 180px;
padding-top: 5px;
}
@media screen and (max-width: 1360px) {
footer {
padding: 30px 0 50px;
padding-left: 315px;
}
footer .footer_box .f_logo {
width: 300px;
}
footer .footer_box .f_tel dl {
margin-right: 40px;
}	
footer .footer_box .f_tel ul li:not(:last-of-type) {
margin-right: 20px;
}
footer .footer_box .f_tel ul li.youtube {
width: 100px;
}
footer .footer_box .f_tel ul li.fb {
width: 40px;
}
footer .footer_box .f_tel ul li.db {
width: 140px;
}
}
@media screen and (max-width: 1200px) {
footer .footer_box .f_tel dl {
float: none;
margin-right: 0;
margin-bottom: 15px;
}
footer .footer_box .f_tel ul {
float: none;
}
}
@media screen and (max-width: 1100px) {
footer {
padding-left: 230px;
}
}
@media screen and (max-width: 1000px) {
footer .footer_box .f_logo {
width: 250px;
margin-bottom: 10px;
}
footer .footer_box .f_tel dl {
margin-right: 40px;
}	
footer .footer_box .f_tel ul li:not(:last-of-type) {
margin-right: 20px;
}
footer .footer_box .f_tel ul li.youtube {
width: 100px;
}
footer .footer_box .f_tel ul li.fb {
width: 40px;
}
footer .footer_box .f_tel ul li.db {
width: 140px;
}
}
@media screen and (max-width: 840px) {
footer .footer_box .f_tel dl dt {
font-size: 2.0rem;
}
}
@media screen and (max-height: 800px) and (min-width: 1101px) {
footer {
padding-left: 315px;
}
}
@media screen and (max-height: 800px) and (max-width: 1100px) {
footer {
padding: 3vh 0;
padding-left: 230px;
}
footer .footer_box .f_logo {
width: 300px;
}
}
@media screen and (max-width: 767px) {
footer {
z-index: 0;
padding: 10vw 0 30vw;
}
footer .footer_box {
display: block;
}
footer .footer_box .f_logo {
width: 50%;
margin: 0 auto;
margin-bottom: 5vw;
}
footer .footer_box .f_add {
margin-bottom: 5vw;
}
footer .footer_box .f_add p {
float: none;
margin-right: 0;
margin-bottom: .5em;
text-align: center;
}
footer .footer_box .f_add address {
float: none;
text-align: center;
padding-top: .8em;
}
footer .footer_box .f_tel dl {
float: none;
margin-right: 0;
padding-top: 5vw;
text-align: center;
}
footer .footer_box .f_tel dl dt ,
footer .footer_box .f_tel dl dd {
float: none;
padding-left: 8vw;
font-size: 1.6rem;
display: inline-block;
}
footer .footer_box .f_tel dl dt {
font-size: 2.4rem;
margin-right: 0;
margin-bottom: 3vw;
line-height: 1em;
}
footer .footer_box .f_tel dl dt:before ,
footer .footer_box .f_tel dl dd:before {
position: absolute;
top: .2em;
left: 0;
width: calc(3.259vw * 2);
height: calc(2.868vw * 2);
display: block;
background-size: cover !important;
content: '';
}
footer .footer_box .f_tel dl dt:before {
top: .2em;
background: url(//www.homma-museum.or.jp/img/common/icon_tel.svg) no-repeat center center;
}
footer .footer_box .f_tel dl dd:before {
background: url(//www.homma-museum.or.jp/img/common/icon_fax.svg) no-repeat center center;
}
footer .footer_box .f_tel ul {
float: none;
padding-top: 6vw;
}
footer .footer_box .f_tel ul li {
float: left;
width: 50%;
}
footer .footer_box .f_tel ul li:not(:last-of-type) {
margin-right: 0;
}
footer .footer_box .f_tel ul li.youtube {
padding: 0 5%;
padding-top: 0;
width: 50%;
}
footer .footer_box .f_tel ul li.fb {
width: 50%;
padding: 0 20%;
}
footer .footer_box .f_tel ul li.db {
clear: both;
width: 100%;
padding: 0 20%;
padding-top: 5vw;
}
} .side_fix {
position: fixed;
top: 0;
right: 0;
z-index: 10;
width: 65px;
height: 100%;
background: #221e1f;
}
.side_fix ul li {
position: relative;
height: 175px;
}
.side_fix ul li::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #FFF;
display: block;
content: '';
}
.side_fix ul li a {
display: block;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
line-height: 1.1;
color: #FFF;
font-size: 1.2rem;
height: 100%;
}
.side_fix ul li a span {
position: relative;
display: inline-block;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-font-feature-settings: normal;
-moz-font-feature-settings: normal;
-ms-font-feature-settings: normal;
-o-font-feature-settings: normal;
font-feature-settings: normal;
}
.side_fix ul li a span:before {
content: '・';
}
.side_fix ul li a:hover {
text-decoration:none;
background: rgba(255, 255, 255, .2);
}
@media screen and (max-height: 800px) {
.side_fix ul li {
position: relative;
height: 20vh;
}
}
@media screen and (max-width: 767px) {
.side_fix {
position: fixed;
top: calc(100% - 3em);
width: 100%;
height: 3em;
font-size: 1.2rem;
}
.side_fix ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.side_fix ul li {
position: relative;
float: left;
height: auto;
width: 33.3%;
}
.side_fix ul li::after {
position: absolute;
bottom: inherit;
left: inherit;
top: 0;
right: 0;
width: 1px;
height: 100%;
background: #FFF;
display: block;
content: '';
}
.side_fix ul li a {
display: block;
font-size: 1.2rem;
height: auto;
text-align: center;
padding: .8em 0;
}
.side_fix ul li a span {
position: relative;
display: block;
writing-mode: horizontal-tb;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: tb-lr;
-webkit-font-feature-settings: normal;
-moz-font-feature-settings: normal;
-ms-font-feature-settings: normal;
-o-font-feature-settings: normal;
font-feature-settings: normal;
}
.side_fix ul li a span:before {
display: none;
}
.side_fix ul li a:hover {
text-decoration:none;
background: rgba(255, 255, 255, .2);
}
} main {
position: relative;
display: block !important;
width: 100%;
padding: 0 65px 200px 285px;
font-size: 1.4rem;
}
@media screen and (max-width: 1100px) {
main {
padding: 0 65px 200px 200px;
}
}
@media screen and (max-width: 767px) {
main {
padding: 0 0 20vw;
font-size: 1.4rem;
background: #FFF;
}
} .p-lr30 {
padding: 0 30px;
}
@media screen and (max-width: 767px) {
.p-lr30 {
padding: 0 4%;
}
} .mw1560 {
max-width: 1560px;
margin-right: auto;
margin-left: auto;
}
.mw1000 {
max-width: 1000px;
margin-right: auto;
margin-left: auto;
} .bg_g {
background: #eaeaea;
} .title01 {
position: relative;
background: url(//www.homma-museum.or.jp/img/common/title01_top_l.svg) no-repeat left top , 
url(//www.homma-museum.or.jp/img/common/title01_top_r.svg) no-repeat right top , 
url(//www.homma-museum.or.jp/img/common/title01_bottom_l.svg) no-repeat left bottom , 
url(//www.homma-museum.or.jp/img/common/title01_bottom_r.svg) no-repeat right bottom , 
url(//www.homma-museum.or.jp/img/common/title01_border_t.svg) repeat-x left top ,
url(//www.homma-museum.or.jp/img/common/title01_border_b.svg) repeat-x left bottom ,
url(//www.homma-museum.or.jp/img/common/title01_border_l.svg) repeat-y left top ,
url(//www.homma-museum.or.jp/img/common/title01_border_r.svg) repeat-y right top;
padding: 45px 40px;
margin-bottom: 2em;
font-family: 'Noto Serif JP', serif;
font-size: 1.8rem;
font-weight: 500;
}
.title02 {
position: relative;
background: url(//www.homma-museum.or.jp/img/common/title02_top_l.svg) no-repeat left top , 
url(//www.homma-museum.or.jp/img/common/title02_top_r.svg) no-repeat right top , 
url(//www.homma-museum.or.jp/img/common/title02_bottom_l.svg) no-repeat left bottom , 
url(//www.homma-museum.or.jp/img/common/title02_bottom_r.svg) no-repeat right bottom , 
url(//www.homma-museum.or.jp/img/common/title02_border_t.svg) repeat-x left top ,
url(//www.homma-museum.or.jp/img/common/title02_border_b.svg) repeat-x left bottom ,
url(//www.homma-museum.or.jp/img/common/title02_border_l.svg) repeat-y left top ,
url(//www.homma-museum.or.jp/img/common/title02_border_r.svg) repeat-y right top;
padding: 45px 40px;
margin-bottom: 2em;
font-family: 'Noto Serif JP', serif;
font-size: 1.8rem;
font-weight: 500;
}
.a-title01 a {
position: relative;
background: url(//www.homma-museum.or.jp/img/common/title01_top_l.svg) no-repeat left top , 
url(//www.homma-museum.or.jp/img/common/title01_top_r.svg) no-repeat right top , 
url(//www.homma-museum.or.jp/img/common/title01_bottom_l.svg) no-repeat left bottom , 
url(//www.homma-museum.or.jp/img/common/title01_bottom_r.svg) no-repeat right bottom , 
url(//www.homma-museum.or.jp/img/common/title01_border_t.svg) repeat-x left top ,
url(//www.homma-museum.or.jp/img/common/title01_border_b.svg) repeat-x left bottom ,
url(//www.homma-museum.or.jp/img/common/title01_border_l.svg) repeat-y left top ,
url(//www.homma-museum.or.jp/img/common/title01_border_r.svg) repeat-y right top;
padding: 45px 40px;
margin-bottom: 2em;
font-family: 'Noto Serif JP', serif;
font-size: 1.8rem;
font-weight: 500;
display: block;
text-decoration: none;
}
.a-title02 a {
position: relative;
background: url(//www.homma-museum.or.jp/img/common/title02_top_l.svg) no-repeat left top , 
url(//www.homma-museum.or.jp/img/common/title02_top_r.svg) no-repeat right top , 
url(//www.homma-museum.or.jp/img/common/title02_bottom_l.svg) no-repeat left bottom , 
url(//www.homma-museum.or.jp/img/common/title02_bottom_r.svg) no-repeat right bottom , 
url(//www.homma-museum.or.jp/img/common/title02_border_t.svg) repeat-x left top ,
url(//www.homma-museum.or.jp/img/common/title02_border_b.svg) repeat-x left bottom ,
url(//www.homma-museum.or.jp/img/common/title02_border_l.svg) repeat-y left top ,
url(//www.homma-museum.or.jp/img/common/title02_border_r.svg) repeat-y right top;
padding: 45px 40px;
margin-bottom: 2em;
font-family: 'Noto Serif JP', serif;
font-size: 1.8rem;
font-weight: 500;
display: block;
text-decoration: none;
}
.a-title01 a:hover ,
.a-title02 a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
@media screen and (max-width: 767px) {
.title01 {
padding: 25px 20px;
font-size: 1.6rem;
}
.title02 {
padding: 25px 20px;
font-size: 1.6rem;
}
.a-title01 a {
padding: 25px 20px;
font-size: 1.6rem;
}
.a-title02 a {
padding: 25px 20px;
font-size: 1.6rem;
}
} .pan {
padding: 0 30px;
font-size: 1.2rem;
text-align: right;
margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
.pan {
padding: 0 4%;
font-size: 1.2rem;
text-align: left;
margin-bottom: 10vw;
}
} .page_title {
padding-top: 50px;
padding-bottom: 20px;
letter-spacing: .2em;
font-family: 'Noto Serif JP', serif;
}
.page_title h3 {
position: relative;
margin-bottom: 60px;
}
.page_title h3:before ,
.page_title h3:after {
position: absolute;
left: 0;
width: 100%;
display: block;
background: #000;
content: '';
}
.page_title h3:before {
bottom: -10px;
height: 8px;
}
.page_title h3:after {
bottom: -20px;
height: 1px;
}
.page_title h3 span {
font-size: 2.0rem;
margin-right: 1em;
}
.page_title h3 em {
font-size: 1.2rem;
}
.page_title .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.page_title .box h4 {
float: left;
width: 40%;
font-size: 3.6rem;
font-weight: 500;
letter-spacing: .1em;
padding-top: 5vw;
}
.page_title .box p {
float: right;
width: 60%;
}
.page_title-txt {
padding-top: 50px;
padding-bottom: 20px;
letter-spacing: .2em;
font-family: 'Noto Serif JP', serif;
}
.page_title-txt h3 {
position: relative;
margin-bottom: 60px;
}
.page_title-txt h3:before ,
.page_title-txt h3:after {
position: absolute;
left: 0;
width: 100%;
display: block;
background: #000;
content: '';
}
.page_title-txt h3:before {
bottom: -10px;
height: 8px;
}
.page_title-txt h3:after {
bottom: -20px;
height: 1px;
}
.page_title-txt h3 span {
font-size: 2.0rem;
margin-right: 1em;
}
.page_title-txt h3 em {
font-size: 1.2rem;
}
.page_title-txt .box h4 {
font-size: 3.6rem;
font-weight: 500;
letter-spacing: .1em;
padding-top: 5vw;
}
@media screen and (max-width: 1000px) {
.page_title h3 span {
display: block;
margin-right: 0;
}
.page_title .box {
display: flex;
flex-wrap:wrap;
}
.page_title .box h4 {
float: none;
width: 100%;;
padding-top: .6em;
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
.page_title .box p {
float: none;
width: 100%;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
.page_title-txt h3 span {
display: block;
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.page_title {
padding: 0;
padding-top: 0;
padding-bottom: 6vw;
}
.page_title h3 {
display: none;
}
.page_title .box h4 {
padding: 0 4%;
font-size: 2.0rem;
}
.page_title-txt {
padding: 0;
padding-top: 0;
padding-bottom: 6vw;
}
.page_title-txt h3 {
display: none;
}
.page_title-txt .box h4 {
font-size: 3.6rem;
font-weight: 500;
letter-spacing: .1em;
padding-top: 5vw;
}
.page_title-txt .box h4 {
padding: 0 4%;
font-size: 2.0rem;
}
}
.pp_gallery ul a img {
width: 50px !important;
}
.form input[type="text"] ,
.form input[type="tel"] ,
.form input[type="email"] ,
.form input[type="date"] ,
.form input[type="number"] ,
.form textarea {
width:100%;
padding:1em .6em;
font-size:1.5rem;
background:#FFF;
border: solid 1px #cacaca;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: .3em;
}
.form input[type="text"]:focus ,
.form input[type="tel"]:focus ,
.form input[type="email"]:focus ,
.form input[type="number"]:focus ,
.form input[type="date"]:focus ,
.form textarea:focus {
outline: 0;
background:#FFF;
border: solid 1px #999;
}
.form input[type="number"] {
text-align:center;
}
.form textarea { height:180px;
}
.form input.input01 {
width:100%;
}
.form input.input02 {
width:320px;
}
.form .select_box01 {
position:relative;
overflow:hidden;
display:inline-block;
min-width:360px;
min-width:20em;
background:#fafafa;
border: solid 1px #dddddd;
color:#333;
margin:0;
padding:0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.form .select_box01 select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
z-index:2;
display:block;
min-width:360px;
min-width:20em;
margin:0;
padding:10px 10px;
background:transparent;
border:0;
outline:none;
font-size:1.6rem;
line-height:1.5;
text-align:center;
}
.form .select_box01.entypo-down-dir:before {
font-family: "Font Awesome 5 Free";
content: "\f107";
position:absolute;
z-index:2;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:0;
font-size:2.2rem;
line-height:1;
color:#FFF;
display: block;
text-align:center;
width:50px;
}
.form .select_box01.entypo-down-dir:after {
content:'';
position:absolute;
z-index:1;
top:0;
right:0;
display: block;
background:#aaaaaa;
width:50px;
height:100%;
}
.form .mwform-radio-field ,
.form .mwform-checkbox-field {
display:inline-block;
margin:0 30px 0 0;
}
.form .mwform-radio-field:last-of-type ,
.form .mwform-checkbox-field:last-of-type {
margin:0 ;
}
input[type=checkbox] {
appearance: none;
display: none;
}
input[type=checkbox] + span {
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
padding-left: 30px;
}
input[type=checkbox] + span:before {
position: absolute;
top: -.1em;
left: 0; font-family: "FontAwesome";
font-size: 2.0rem; content: "\f096";
display: inline-block;
margin-right: 0.5em;
font-weight: 400;
color: #a4a2a2;
}
input[type=checkbox]:checked + span:before { content: "\f14a";
font-size: 2.0rem;
font-weight: 400;
color: #2776c0;
}
input[type=radio] {
appearance: none;
display: none;
}
input[type=radio] + span {
position: relative;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
input[type=radio] + span:before {
position: relative;
top: .1em;
font-family: "Font Awesome 5 Free";
font-size: 2.0rem;
content: "\f111";
display: inline-block;
margin-right: 0.5em;
font-weight: 400;
color: #a4a2a2;
}
input[type=radio]:checked + span:before {
content: "\f192";
font-size: 2.0rem;
font-weight: 400;
color: #2776c0;
}
:-moz-placeholder {
color: #bdbec6;
opacity: 1;
}
::-moz-placeholder {
color: #bdbec6;
opacity: 1;
}
:-ms-input-placeholder {
color: #bdbec6;
}
::-ms-input-placeholder {
color: #bdbec6;
}
::-webkit-input-placeholder {
color: #bdbec6;
}
::placeholder {
color: #bdbec6;
}
.form .btn {
font-size:0;
text-align:center;
padding-top: 50px;
padding-left: 260px;
}
.form .btn dl {
display: inline-block;
font-size:0;
margin:0;
padding:0;
text-align:center;
}
.form .btn dl dt ,
.form .btn dl dd {
display:inline-block;
font-size:0;
margin:0;
padding:0;
text-align:center;
width:270px;
}
.form .btn dl dd {
margin:0 0 0 50px;
}
.form .btn p {
width:270px;
}
.form .btn input ,
.form .btn button {
position:relative;
background: #307dc0;
border:none;
display:block;
cursor:pointer;
color:#ffffff;
padding:25px 0;
text-decoration:none;
width:100%;
text-align:center;
font-size:2.0rem;
font-weight:500;
line-height:1.1;
margin:0;
text-decoration:none;
-webkit-border-radius: 3em;
-moz-border-radius: 3em;
border-radius: 3em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
}
.form .btn input[type=reset] ,
.form .btn button[type=reset] {
background: #78aad6;
border:none;
color:#FFF;
} .form .btn input[type=reset]:after ,
.form .btn button[type=reset]:after {
display: none;
}
.form .btn input:hover ,
.form .btn button:hover ,
.form .btn input:focus ,
.form .btn button:focus {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview td .select-wrap {
margin:0;
border:none;
color: inherit;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
background:none;
min-width:inherit;
}
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview td .select-wrap:before ,
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview td .select-wrap:after {
display:none;
}
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview th ,
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview td {
padding-top:1.5rem;
padding-bottom:1.5rem;
font-size:1.5rem;
}
.mw_wp_form.mw_wp_form_input span.error {
font-size:1.5rem;
}
.mw_wp_form_confirm .btn dl:first-of-type {
display:none;
}
@media screen and (max-width: 1000px) {
.form .btn dl {
display: block;
width: 100%;
font-size: 0;
text-align: center;
}
.form .btn dl dt ,
.form .btn dl dd {
display: inline-block;
font-size:0;
margin:0;
padding:0;
text-align:center;
width:48%;
}
.form .btn dl dd {
margin:0 0 0 1%;
}
}
@media screen and (max-width: 767px) {
.form input[type="text"] ,
.form input[type="tel"] ,
.form input[type="email"] ,
.form input[type="date"] ,
.form input[type="number"] ,
.form textarea {
padding:3vw 1vw;
font-size:1.6rem;
}
.form textarea {
height:60vw;
}
.form input.input01 {
width:100%;
}
.form input.input02 {
width:100%;
}
.form input.input03 {
width:100%;
}
.form input.input04 {
width:100%;
}
.form .btn {
text-align:center;
font-size:0;
width:100%;
padding-top: 15vw;
padding-left: 0;
margin:0 auto;
}
.form .btn p {
width:70vw;
}
.form .btn dl {
display: block;
width: 100%;
font-size: 0;
text-align: center;
}
.form .btn dl dt ,
.form .btn dl dd {
display: inline-block;
font-size:0;
margin:0;
padding:0;
text-align:center;
width:48%;
}
.form .btn dl dd {
margin:0 0 0 1%;
}
.form .btn input ,
.form .btn button {
padding:3vw 0;
font-size:1.5rem;
}
.form .btn input:after ,
.form .btn button:after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right: .3em; font-family: "FontAwesome";
font-size: 2.4rem; content: "\f105";
line-height: 1.1;
}
.form .btn input.back:after ,
.form .btn button.back:after {
position: absolute;
top: .65em; right: inherit;
left: .3em; font-family: "FontAwesome";
font-size: 2.4rem; content: "\f104";
line-height: 1.1;
}
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview th ,
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview td {
padding-top:1.5em;
padding-bottom:1.5em;
font-size:1.5rem;
}
.mw_wp_form.mw_wp_form_input span.error {
font-size:1.5rem;
}
} .pagination {
padding-top: 150px;
}
.pagination .pagination-box {
text-align:center;
font-size:0;
}
.pagination .pagination-box a ,
.pagination .pagination-box span {
position: relative;
display:inline-block;
font-size:1.6rem;
font-weight: 700;
width:32px;
height:32px;
line-height:1.8em;
text-align:center;
margin-right:10px;
color:#1076cd;
border: solid 1px #a7a8aa;
text-decoration:none;
}
.pagination .pagination-box a:not(.inactive) em {
display: inline-block;
font-size:1.6rem;
}
.pagination .pagination-box a:last-child ,
.pagination .pagination-box span:last-child {
margin-right:0;
}
.pagination .pagination-box span.current {
background:#3391e2;
border: solid 1px #3391e2;
color:#FFF;
font-weight: 700;
}
.pagination .pagination-box a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
@media screen and (max-width: 768px) {
.pagination {
padding:10vw 0 0;
}
.pagination .pagination-box a ,
.pagination .pagination-box span {
font-size:1.4rem;
width:10vw;
height:10vw;
line-height:10vw;
margin-right:3vw;
}
} .contents {
font-size:1.5rem;
}
.contents img {
width:auto;
max-width:100%;
height:auto;
}
.contents .thum_img {
text-align:left;
margin:0 auto;
margin-bottom:50px;
}
.contents h1 {
font-size: 2em;
margin: 0.67em 0;
}
.contents figcaption,
.contents figure,
.contents main {
display: block;
}
.contents figure {
margin: 1em 0;
}
.contents hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
.contents pre {
font-family: monospace, monospace;
font-size: 1em;
}
.contents abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}
.contents b,
.contents strong {
font-weight: inherit;
}
.contents b,
.contents strong {
font-weight: 700;
}
.contents code,
.contents kbd,
.contents samp {
font-family: monospace, monospace;
font-size: 1em;
}
.contents dfn {
font-style: italic;
}
.contents mark {
background-color: #eee;
color: #222;
}
.contents small {
font-size: 80%;
}
.contents sub,
.contents sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.contents sub {
bottom: -0.25em;
}
.contents sup {
top: -0.5em;
}
.contents audio,
.contents video {
display: inline-block;
}
.contents audio:not([controls]) {
display: none;
height: 0;
}
.contents button,
.contents input,
.contents optgroup,
.contents select,
.contents textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
.contents button,
.contents input {
overflow: visible;
}
.contents button,
.contents select {
text-transform: none;
}
.contents button,
.contents html [type="button"],
.contents [type="reset"],
.contents [type="submit"] {
-webkit-appearance: button;
}
.contents button::-moz-focus-inner,
.contents [type="button"]::-moz-focus-inner,
.contents [type="reset"]::-moz-focus-inner,
.contents [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.contents button:-moz-focusring,
.contents [type="button"]:-moz-focusring,
.contents [type="reset"]:-moz-focusring,
.contents [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.contents fieldset {
border: 1px solid #bbb;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
.contents legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
.contents progress {
display: inline-block;
vertical-align: baseline;
}
.contents textarea {
overflow: auto;
}
.contents [type="checkbox"],
.contents [type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.contents [type="number"]::-webkit-inner-spin-button,
.contents [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.contents [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.contents [type="search"]::-webkit-search-cancel-button,
.contents [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.contents ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.contents details,
.contents menu {
display: block;
}
.contents summary {
display: list-item;
}
.contents canvas {
display: inline-block;
}
.contents template {
display: none;
}
.contents [hidden] {
display: none;
}
.contents .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.contents .alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.contents .aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.contents .clear:before,
.contents .clear:after,
.contents .entry-content:before,
.contents .entry-content:after,
.contents .entry-footer:before,
.contents .entry-footer:after,
.contents .comment-content:before,
.contents .comment-content:after,
.contents .site-header:before,
.contents .site-header:after,
.contents .site-content:before,
.contents .site-content:after,
.contents .site-footer:before,
.contents .site-footer:after,
.contents .nav-links:before,
.contents .nav-links:after,
.contents .pagination:before,
.contents .pagination:after,
.contents .comment-author:before,
.contents .comment-author:after,
.contents .widget-area:before,
.contents .widget-area:after,
.contents .widget:before,
.contents .widget:after,
.contents .comment-meta:before,
.contents .comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}
.contents .clear:after,
.contents .entry-content:after,
.contents .entry-footer:after,
.contents .comment-content:after,
.contents .site-header:after,
.contents .site-content:after,
.contents .site-footer:after,
.contents .nav-links:after,
.contents .pagination:after,
.contents .comment-author:after,
.contents .widget-area:after,
.contents .widget:after,
.contents .comment-meta:after {
clear: both;
}
.contents button,
.contents input,
.contents select,
.contents textarea {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
font-size: 15px;
font-size: 0.9375em;
font-weight: 400;
line-height: 1.66;
}
.contents h1,
.contents h2,
.contents h3,
.contents h4,
.contents h5,
.contents h6 {
clear: both;
line-height: 1.4;
margin: 0 0 0.75em;
padding: .5em .1em;
}
.contents h1:first-child,
.contents h2:first-child,
.contents h3:first-child,
.contents h4:first-child,
.contents h5:first-child,
.contents h6:first-child {
padding-top: 0;
}
.contents h1 {
font-size: 24px;
font-size: 1.5em;
font-weight: 300;
}
.contents h2,
.contents .home.blog .entry-title {
color: #666;
font-size: 20px;
font-size: 1.25em;
font-weight: 300;
}
.contents h3 {
color: #333;
font-size: 18px;
font-size: 1.125em;
font-weight: 300;
}
.contents h4 {
color: #333;
font-size: 16px;
font-size: 1em;
font-weight: 800;
}
.contents h5 {
color: #767676;
font-size: 13px;
font-size: 0.8125em;
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.contents h6 {
color: #333;
font-size: 15px;
font-size: 0.9375em;
font-weight: 800;
}
.contents p {
margin: 0 0 1.5em;
padding: 0;
}
.contents p:last-child {
margin: 0;
padding: 0;
}
.contents dfn,
.contents cite,
.contents em,
.contents i {
font-style: italic;
}
.contents blockquote {
color: #666;
font-size: 18px;
font-size: 1.125em;
font-style: italic;
line-height: 1.7;
margin: 0;
overflow: hidden;
padding: 0;
}
.contents blockquote cite {
display: block;
font-style: normal;
font-weight: 600;
margin-top: 0.5em;
}
.contents address {
margin: 0 0 1.5em;
}
.contents pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375em;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
.contents code,
.contents kbd,
.contents tt,
.contents var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375em;
}
.contents abbr,
.contents acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
.contents mark,
.contents ins {
background: #eee;
text-decoration: none;
}
.contents big {
font-size: 125%;
}
.contents blockquote {
quotes: "" "";
}
.contents q {
quotes: "“" "”" "‘" "’";
}
.contents blockquote:before,
.contents blockquote:after {
content: "";
}
.contents :focus {
outline: none;
}
.contents h1,
.contents h2,
.contents h3,
.contents h4,
.contents h5,
.contents h6 {
font-weight: 700;
}
.contents hr {
background-color: #bbb;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
.contents ul,
.contents ol {
margin: 20px 0 1.5em 40px;
padding: 0;
}
.contents ul {
list-style: disc;
}
.contents ol {
list-style: decimal;
}
.contents li > ul,
.contents li > ol {
margin-bottom: 20px;
margin-left: 1.5em;
}
.contents dt {
font-weight: 700;
}
.contents dd {
margin: 0 1.5em 1.5em;
}
.contents table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
}
.contents thead th { padding-bottom: 0.5em;
}
.contents th {
padding: 0.4em;
text-align: left;
}
.contents tr { }
.contents td {
padding: 0.4em;
}
.contents th:first-child,
.contents td:first-child {
padding-left: 0;
}
.contents th:last-child,
.contents td:last-child {
padding-right: 0;
}
@media screen and (max-width: 768px) { .contents { }
.contents button,
.contents input,
.contents select,
.contents textarea {
font-size: 18px;
font-size: 1.125em;
}
.contents h1 {
font-size: 30px;
font-size:calc( 1.875em * 0.9);
}
.contents h2,
.contents .home.blog .entry-title,
.contents .page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size:calc( 1.625em * 0.9);
}
.contents h3 {
font-size: 22px;
font-size:calc( 1.375rem * 0.9);
}
.contents h4 {
font-size: 18px;
font-size:calc( 1.125em * 0.9);
}
.contents h5 {
font-size: 13px;
font-size:calc( 0.8125em * 0.9);
}
.contents h6 {
font-size: 16px;
font-size:calc( 1em * 0.9);
}
.contents .entry-content blockquote.alignleft,
.contents .entry-content blockquote.alignright {
font-size: 14px;
font-size: 0.875em;
}
.contents img.alignleft {
float: left;
margin-right: 1.5em;
}
.contents img.alignright {
float: right;
margin-left: 1.5em;
}
.contents th {
display:block;
}
.contents tr { }
.contents td {
display:block;
}
}
.contents h1 {
border-bottom: solid 3px #3391e2;
position: relative;
display:block !important;
margin:0 0 1.2em 0;
padding: 0 .2em .5em;
font-size: 2.2rem;
font-weight:700;
color:#000000;
}
h1:after {
position: absolute;
left:0;
content: " ";
display: block;
border-bottom: solid 3px #083478;
bottom: -3px;
width: 20%;
}
.contents h2 {
position: relative;
margin:0 0 1.2em ;
padding: 0 0 0 1em;
font-size: 2.0rem;
font-weight:500;
border: none;
line-height: 1.7;
color:#000000;
}
.contents h2:before {
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background: #3391e2;
display: block;
border-radius: 3px;
content: '';
}
.contents h3 {
position: relative;
z-index: 2;
margin:0 0 1.2em 0;
padding:0;
font-size: 1.8rem;
font-weight:500;
border: none;
line-height: 1.7;
color:#000; }
.contents h3 span {
position: relative;
font-weight:500;
background:linear-gradient(transparent 50%, #e4eff8 50%);
}
.contents h4{ 
border: none;
border-bottom: solid 1px #728199;
margin:0 0 1.2em 0;
padding: 0 .2em .6em;
font-size: 1.6rem;
font-weight:500;
color:#000;
}
.contents h5{ 
border: none;
margin:0 0 1.2em 0;
padding: 0 .2em;
font-size: 1.5rem;
font-weight:500;
color:#000000;
}
.contents h6{ 
border: none;
margin:0 0 1.2em 0;
padding: 0 .2em .6em;
font-size: 1.4rem;
font-weight:500;
color:#000000;
border-bottom: dotted 1px #666666;
}
.gtranslate_wrapper .gt_switcher_wrapper {
right: 0 !important;
}
@media screen and (max-width: 767px) {
.gtranslate_wrapper .gt_switcher_wrapper {
bottom: 4em !important;
font-size: 1.2rem;
}
}
    .now_event {
padding-bottom: 100px;
}
.now_event .box {
display: flex;
flex-direction: column;
padding-top: 40px;
}
.now_event .box time {
display: block;
margin-bottom: 40px;
text-align: right;
}
.now_event .box time span {
display: inline-block;
max-width: 800px;
}
.now_event .box .info {
margin-bottom: 1.2em;
}
.now_event .box .info p {
text-align: right;
}
.now_event .box .info p strong {
font-size: 1.8rem;
font-weight: 700;
margin-right: 1em;
letter-spacing: .1em;
}
.now_event .box .info p strong + em {
font-size: 1.4rem;
font-weight: 500;
letter-spacing: .1em;
}
.now_event .box .info p span {
font-size: 1.8rem;
font-weight: 500; }
.now_event .box .info p span + em {
display: block;
font-size: 1.2rem;
font-weight: 500;
letter-spacing: .1em;
}
.now_event .box .sub_info:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.now_event .box .sub_info ul {
float: right;
}
.now_event .box .sub_info ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.now_event .box .sub_info ul li {
float: left;
font-size: 1.3rem;
font-weight: 500;
letter-spacing: .1em;
}
.now_event .box .sub_info ul li:not(:last-of-type) {
margin-right: 1em;
}
.now_event .box .sub_event {
display: inline-flex;
border: solid 1px #e60012;
margin-top: 1em;
margin-left: auto;
}
.now_event .box .sub_event p:first-of-type {
background: #e60012;
font-size: 2.2rem;
color: #FFF;
padding: .2em 1.2em;
display: flex;
align-items: center;
}
.now_event .box .sub_event h3 {
font-family: 'Noto Serif JP', serif;
font-size: 2.4rem;
font-weight: 500;
padding: .2em 1.4em;
display: flex;
align-items: center;
}
.now_event .box .sub_event .event_day {
font-family: 'Noto Serif JP', serif;
font-size: 2.4rem;
font-weight: 500;
padding: .2em 1em;
display: flex;
align-items: center;
}
.now_event .box .sub_event .event_day.event_day_small {
font-size: 1.8rem;
display: flex;
align-items: center;
}
.now_event .box .sub_event .event_day em {
font-weight: 500;
color: #e50012;
}
.now_event .box .sub_event02 {
display: inline-flex;
border: solid 1px #e60012;
margin-top: 1em;
margin-left: auto;
}
.now_event .box .sub_event02 p:first-of-type {
background: #e60012;
font-size: 2.2rem;
color: #FFF;
padding: .2em 1.2em;
display: flex;
align-items: center;
}
.now_event .box .sub_event02 h3 {
font-family: 'Noto Serif JP', serif;
font-size: 2.4rem;
font-weight: 500;
padding: .2em .5em;
display: flex;
align-items: center;
}
.now_event .box .sub_event02 ul {
font-family: 'Noto Serif JP', serif;
font-size: 1.8rem;
font-weight: 500;
padding: .2em 1em;
display: flex;
flex-direction: column;
}
.now_event .box .sub_event02 ul li em {
font-weight: 500;
color: #e50012;
}
.now_event .box .sub_event03 {
display: inline-flex;
border: solid 1px #e60012;
margin-top: 1em;
margin-left: auto;
}
.now_event .box .sub_event03 p:first-of-type {
background: #e60012;
font-size: 2.2rem;
color: #FFF;
padding: .2em 1.2em;
display: flex;
align-items: center;
}
.now_event .box .sub_event03 h3 {
font-family: 'Noto Serif JP', serif;
font-size: 2.4rem;
font-weight: 500;
padding: .2em 1.4em;
}
.now_event .box .sub_event03 .event_day {
font-family: 'Noto Serif JP', serif;
font-size: 2.4rem;
font-weight: 500;
padding: .2em 1em;
}
.now_event .box .sub_event03 .event_day.event_day_small {
font-size: 1.8rem;
}
.now_event .box .sub_event03 .event_day em {
font-weight: 500;
color: #e50012;
}
.now_event .box .sub_event202405 {
display: flex;
justify-content: flex-end;
margin-top: 1.5em;
}
.now_event .box .sub_event202405 .box {
border: solid 2px #e60012;
display: flex;
flex-direction: column;
padding: 0;
}
.now_event .box .sub_event202405 .box p {
display: flex;
}
.now_event .box .sub_event202405 .box p span {
background: #e60012;
font-size: 2.2rem;
color: #FFF;
padding: .2em 1.2em .5em;
line-height: 1em;
display: flex;
align-items: center;
justify-content: center;
}
.now_event .box .sub_event202405 .box .box_in {
padding: 15px 25px;
padding-left: 100px;
display: flex;
flex-direction: column;
}
.now_event .box .sub_event202405 .box .box_in dl {
display: flex;
align-items: center;
font-family: 'Noto Serif JP', serif;
}
.now_event .box .sub_event202405 .box .box_in dl:first-of-type {
margin-bottom: .8em;
}
.now_event .box .sub_event202405 .box .box_in dl dt {
font-size: 2.4rem;
font-weight: 700;
margin-right: 2em;
}
.now_event .box .sub_event202405 .box .box_in dl dd {
font-size: 1.9rem;
font-weight: 700;
margin-left: auto;
}
.now_event .box .sub_event202405 .box .box_in dl dd span {
color: #e50012;
font-weight: 700;
}
.now_event .box .sub_event202410 {
display: flex;
justify-content: flex-end;
margin-top: 1.5em;
}
.now_event .box .sub_event202410 .box {
border: solid 2px #e60012;
display: flex;
flex-direction: column;
padding: 0;
width: 810px;
}
.now_event .box .sub_event202410 .box p {
display: flex;
}
.now_event .box .sub_event202410 .box p span {
background: #e60012;
font-size: 2.2rem;
color: #FFF;
padding: .2em 1.2em .5em;
line-height: 1em;
display: flex;
align-items: center;
justify-content: center;
}
.now_event .box .sub_event202410 .box .box_in {
padding: 15px 25px;
display: flex;
flex-direction: column;
}
.now_event .box .sub_event202410 .box .box_in dl {
font-size: 2.4rem;
}
.now_event .box .sub_event202410 .box .box_in dl:not(:last-of-type) {
margin-bottom: .6em;
}
.now_event .box .sub_event202410 .box .box_in dl:nth-of-type(1) {
display: flex;
align-items: center;
}
.now_event .box .sub_event202410 .box .box_in dl:nth-of-type(1) dt {
margin-right: 1em;
}
.now_event .box .sub_event202410 .box .box_in dl:not(:nth-of-type(1)) {
display: flex;
flex-direction: column;
}
.now_event .box .sub_event202410 .box .box_in dl:not(:nth-of-type(1)) dd {
padding-left: 16.4em;
}
.now_event .box .sub_event202410 .box .box_in dl dt {
font-weight: 700;
}
.now_event .box .sub_event202410 .box .box_in dl dd {
font-size: 1.9rem;
font-weight: 700;
}
.now_event .box .sub_event202410 .box .box_in dl dd span {
color: #e50012;
font-weight: 700;
}
.now_event .box .sub_event202502 {
display: flex;
justify-content: flex-end;
margin-top: 1.5em;
}
.now_event .box .sub_event202502 .box {
border: solid 2px #e60012;
display: flex;
flex-direction: column;
padding: 0;
}
.now_event .box .sub_event202502 .box > p {
display: flex;
}
.now_event .box .sub_event202502 .box > p span {
background: #e60012;
font-size: 2.2rem;
color: #FFF;
padding: .2em 1.2em .5em;
line-height: 1em;
display: flex;
align-items: center;
justify-content: center;
}
.now_event .box .sub_event202502 .box .box_in {
width: 810px;
padding: 15px 25px;
display: flex;
flex-direction: column;
}
.now_event .box .sub_event202502 .box .box_in dl {
display: flex;
font-family: 'Noto Serif JP', serif;
}
.now_event .box .sub_event202502 .box .box_in dl.w100 {
flex-direction: column;
}
.now_event .box .sub_event202502 .box .box_in dl + p {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: .3em;
}
.now_event .box .sub_event202502 .box .box_in dl:not(:last-of-type) {
margin-bottom: 25px;
}
.now_event .box .sub_event202502 .box .box_in dl dt {
width: 340px;
font-size: 2.4rem;
font-weight: 700;
}
.now_event .box .sub_event202502 .box .box_in dl.w100 dt {
width: 100%;
}
.now_event .box .sub_event202502 .box .box_in dl dd {
width: calc(100% - 340px);
font-size: 1.9rem;
font-weight: 700;
margin-left: auto;
}
.now_event .box .sub_event202502 .box .box_in dl dd span {
color: #e50012;
font-weight: 700;
}
.now_event .box .sub_event202505 {
display: flex;
justify-content: flex-end;
align-items: flex-end;
flex-direction: column;
margin-top: 1.5em;
}
.now_event .box .sub_event202505 .box {
border: solid 2px #e60012;
display: flex;
flex-direction: column;
padding: 0;
}
.now_event .box .sub_event202505 .box + .box {
border: solid 2px #e60012;
display: flex;
flex-direction: column;
padding: 0;
margin-top: 40px;
}
.now_event .box .sub_event202505 .box > p {
display: flex;
}
.now_event .box .sub_event202505 .box > p span {
background: #e60012;
font-size: 2.2rem;
color: #FFF;
padding: .2em 1.2em .5em;
line-height: 1em;
display: flex;
align-items: center;
justify-content: center;
}
.now_event .box .sub_event202505 .box .box_in {
width: 810px;
padding: 15px 25px;
display: flex;
flex-direction: column;
}
.now_event .box .sub_event202505 .box .box_in dl {
display: flex;
font-family: 'Noto Serif JP', serif;
}
.now_event .box .sub_event202505 .box .box_in dl.w100 {
flex-direction: column;
}
.now_event .box .sub_event202505 .box .box_in dl + p {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: .3em;
}
.now_event .box .sub_event202505 .box .box_in dl dt {
width: 340px;
font-size: 2.4rem;
font-weight: 700;
}
.now_event .box .sub_event202505 .box .box_in dl.w100 dt {
width: 100%;
}
.now_event .box .sub_event202505 .box .box_in dl dd {
width: calc(100% - 340px);
font-size: 1.9rem;
font-weight: 700;
margin-left: auto;
}
.now_event .box .sub_event202505 .box .box_in dl dd span {
color: #e50012;
font-weight: 700;
}
.now_event .box .sub_event202505 .box .box_in p {
font-size: 3.6rem;
font-weight: 700;
margin-bottom: .2em;
font-family: 'Noto Serif JP', serif;
}
.now_event .box .sub_event202505 .box .box_in p + time {
display: block;
font-family: 'Noto Serif JP', serif;
font-size: 1.9rem;
font-weight: 700;
text-align: left;
margin-bottom: 0;
}
.now_event .box .sub_event202505 .box .box_in p + time span {
color: #e50012;
font-weight: 700;
}
.main_rakuten_banner {
margin-bottom: 100px;
}
.main_rakuten_banner ul {
display: flex;
flex-direction: column;
max-width: 820px;
margin: 0 auto;
}
.main_rakuten_banner ul li {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; } .main_rakuten_banner ul li:not(:last-of-type) {
margin-bottom: 20px;
}
.main_rakuten_banner ul li img {
width: auto;
max-width: 100%;
}
.info_covid {
margin-bottom: 120px;
}
.info_covid:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.info_covid .box_l {
float: left;
width: 46%;
}
.info_covid .box_l h3 {
margin-bottom: 2em;
}
.info_covid .box_l h3 span {
font-size: 2.1rem;
font-weight: 500;
margin-right: 1.5em;
}
.info_covid .box_l h3 em {
font-size: 1.4rem;
}
.info_covid .box_l .info_list:first-of-type {
margin-bottom: 20px;
}
.info_covid .box_l .info_list dl {
padding-bottom: .5em;
margin-bottom: .5em;
border-bottom: solid 1px #000;
}
.info_covid .box_l .info_list dl:last-of-type {
margin-bottom: 0;
}
.info_covid .box_l .info_list dl:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.info_covid .box_l .info_list dl dt {
float: left;
padding: 0 1em;
}
.info_covid .box_l .info_list dl dd {
float: left;
padding: 0 1em;
width: calc(100% - 10em);
}
.info_covid .box_r {
position: relative;
float: right;
width: 46%;
background: url(//www.homma-museum.or.jp/img/top/covid_top_l.svg) no-repeat left top , 
url(//www.homma-museum.or.jp/img/top/covid_top_r.svg) no-repeat right top , 
url(//www.homma-museum.or.jp/img/top/covid_bottom_l.svg) no-repeat left bottom , 
url(//www.homma-museum.or.jp/img/top/covid_bottom_r.svg) no-repeat right bottom , 
url(//www.homma-museum.or.jp/img/top/covid_border_t.svg) repeat-x left top ,
url(//www.homma-museum.or.jp/img/top/covid_border_b.svg) repeat-x left bottom ,
url(//www.homma-museum.or.jp/img/top/covid_border_l.svg) repeat-y left top ,
url(//www.homma-museum.or.jp/img/top/covid_border_r.svg) repeat-y right top;
padding: 50px 120px;
}
.info_covid .box_r h3 {
text-align: center;
font-family: 'Noto Serif JP', serif;
font-size: 2.4rem;
font-weight: 900;
line-height: 1.5;
color: #885d3b;
margin-bottom: 1.2em;
}
.info_covid .box_r h3 + p {
font-size: 1.6rem;
margin-bottom: 2em;
}
.info_covid .box_r p.link {
font-size: 1.8rem;
}
.info_covid .box_r p.link a {
color: #dc0011;
text-decoration: none;
}
.info_covid .box_r p.link a span:first-of-type {
margin-right: 1em;
}
.info_covid .box_r ol li {
position: absolute;
top: 100px;
z-index: -1;
width: 62px;
}
.info_covid .box_r ol li:first-of-type {
left: 40px;
}
.info_covid .box_r ol li:last-of-type {
right: 40px;
}
.top_about {
padding-bottom: 100px;
margin-bottom: 100px;
border-bottom: solid 1px #221e1f;
}
.top_about:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_about section {
float: left;
width: 46%;
margin-bottom: 150px;
font-family: 'Noto Serif JP', serif;
}
.top_about section:nth-child(2n) {
float: right;
}
.top_about section:nth-child(2n+1) {
clear: both;
}
.top_about section:nth-last-child(-n+2) {
margin-bottom: 0;
}
.top_about section p {
font-weight: 500;
}
.top_about section.kikaku h4 {
margin-bottom: .2em;
} .top_about section.kikaku h4 span {
font-size: 1.6rem;
font-weight: 500;
margin-right: .5em;
}
.top_about section.kikaku h4 em {
font-size: 1.8rem;
font-weight: 700;
}
.top_about section.kikaku h4 i {
display: block;
font-size: 3.0rem;
font-weight: 700;
}
.top_about section.kikaku h4 i em {
display: block;
font-size: 2.4rem;
font-weight: 700;
color: #467b3a;
}
.top_about section.kikaku time {
display: block;
font-size: 1.8rem;
font-weight: 700;
margin-bottom: .2em;
}
.etc_link {
margin-bottom: 150px;
font-family: 'Noto Serif JP', serif;
}
.etc_link:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.etc_link section.box_l {
float: left;
width: 46%;
}
.etc_link div.box_r {
float: right;
width: 46%;
}
.etc_link div.box_r:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.etc_link div.box_r section {
float: left;
width: 46%;
}
.etc_link div.box_r section:last-of-type {
float: right;
}
.etc_link section h3 {
font-size: 1.8rem;
margin-bottom: .4em;
}
.etc_link section h3 a ,
.etc_link section h3 a:hover {
text-decoration: none;
} .use main {
font-family: 'Noto Serif JP', serif;
}
.use main .covid {
position: relative;
background: url(//www.homma-museum.or.jp/img/top/covid_top_l.svg) no-repeat left top , 
url(//www.homma-museum.or.jp/img/top/covid_top_r.svg) no-repeat right top , 
url(//www.homma-museum.or.jp/img/top/covid_bottom_l.svg) no-repeat left bottom , 
url(//www.homma-museum.or.jp/img/top/covid_bottom_r.svg) no-repeat right bottom , 
url(//www.homma-museum.or.jp/img/top/covid_border_t.svg) repeat-x left top ,
url(//www.homma-museum.or.jp/img/top/covid_border_b.svg) repeat-x left bottom ,
url(//www.homma-museum.or.jp/img/top/covid_border_l.svg) repeat-y left top ,
url(//www.homma-museum.or.jp/img/top/covid_border_r.svg) repeat-y right top;
padding: 120px 350px;
margin-bottom: 150px;
}
.use main .covid h3 {
font-size: 3.6rem;
font-weight: 900;
color: #885d3b;
margin-bottom: 1.5em;
}
.use main .covid section:not(:last-of-type) {
margin-bottom: 60px;
}
.use main .covid section h4 {
font-size: 3.0rem;
font-weight: 700;
color: #0b59a7;
margin-bottom: .8em;
}
.use main .covid section p {
font-size: 2.0rem;
}
.use main .covid section ul li {
position: relative;
padding-left: 1.2em;
font-size: 2.0rem;
font-weight: 500;
}
.use main .covid section ul li:before {
position: absolute;
left: 0;
content: '・';
}
.use main .covid section ul li span {
color: #dc0011;
font-weight: 500;
}
.use main .covid ol {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
min-height: 750px;
}
.use main .covid ol li:first-of-type {
position: absolute;
top: 130px;
left: 135px;
width: 100px;
}
.use main .covid ol li:nth-of-type(2) {
position: absolute;
top: 130px;
right: 140px;
width: 100px;
}
.use main .covid ol li:nth-of-type(3) {
position: absolute;
top: 500px;
right: 140px;
width: 120px;
}
.use main .gmap {
margin-bottom: 80px;
}
.use main .gmap iframe {
width: 100%;
height: 800px;
}
.use main .info {
margin-bottom: 150px;
}
.use main .info:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.use main .info .box {
float: left;
width: 30%;
}
.use main .info .box:not(:last-of-type) {
margin-right: 5%;
}
.use main .info .box section:not(:last-of-type) {
margin-bottom: 50px;
}
.use main .info .box section h3 {
font-size: 2.1rem;
font-weight: 700;
padding-bottom: .2em;
margin-bottom: .3em;
border-bottom: solid 1px #000;
letter-spacing: .2em;
}
.use main .info .box section p {
font-size: 1.8rem;
font-weight: 700;
}
.use main .info .box section p:not(:last-of-type) {
margin-bottom: 1.5em;
}
.use main .info .box section p.caution {
position: relative;
padding-left: 1.2em;
color: #eb1b23;
}
.use main .info .box section p.caution:before {
position: absolute;
left: 0;
content: '※';
}
.use main .info .box section ul li {
font-size: 1.8rem;
font-weight: 700;
position: relative;
padding-left: 1.2em;
}
.use main .info .box section ul li:before {
position: absolute;
left: 0;
content: '・';
}
.use main .info .box ol {
padding-bottom: 3em;
}
.use main .info .box ol li {
font-size: 1.8rem;
font-weight: 700;
position: relative;
padding-left: 1.2em;
}
.use main .info .box ol li:before {
position: absolute;
left: 0;
content: '◎';
}
.use main .access {
margin-bottom: 100px;
}
.use main .access:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.use main .access .ill {
float: left;
width: calc(100% - (420px + 100px));
border: solid 1px #000;
}
.use main .access .box {
float: right;
width: 420px;
}
.use main .access .box section:not(:last-of-type) {
margin-bottom: 50px;
}
.use main .access .box section h3 {
font-size: 2.1rem;
font-weight: 700;
padding-bottom: .2em;
margin-bottom: .3em;
border-bottom: solid 1px #000;
letter-spacing: .1em;
}
.use main .access .box section ol:not(:last-child) {
margin-bottom: 20px;
}
.use main .access .box section ol li {
font-size: 1.8rem;
font-weight: 700;
position: relative;
padding-left: 1.2em;
}
.use main .access .box section ol li:before {
position: absolute;
left: 0;
content: '◎';
}
.use main .access .box section ul li:not(:last-of-type) {
padding-bottom: 15px;
}
.use main .access .box section ul li a {
display: block;
text-align: center;
text-decoration: none;
background: #babcbe;
border: solid 1px #babcbe;
color: #FFF;
font-size: 2.1rem;
font-weight: 700;
padding: .3em 0;
}
.use main .access .box section ul li a:hover {
background: #FFF;
border: solid 1px #babcbe;
color: #babcbe;
}
.use main .sakata dl {
display: table;
}
.use main .sakata dl dt ,
.use main .sakata dl dd {
display: table-cell;
vertical-align: middle;
}
.use main .sakata dl dt {
width: 235px;
}
.use main .sakata dl dd {
font-size: 2.1rem;
padding-left: 1em;
}
.use main .sakata dl dd a {
font-weight: 700;
} .about main {
font-family: 'Noto Serif JP', serif;
}
.about main .greeting {
padding: 100px 0;
}
.about main .greeting .box {
max-width: 1020px;
margin: 0 auto;
}
.about main .greeting .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.about main .greeting .box .box_l {
float: left;
font-size: 1.8rem;
font-weight: 500;
width: 620px;
}
.about main .greeting .box .img {
float: right;
width: 365px;
}
.about main .greeting .box .img em {
display: block;
text-align: right;
font-size: 1.6rem;
font-weight: 500;
padding-top: .8em;
}
.about main .history {
padding: 100px 0;
margin-bottom: 100px;
}
.about main .history .box {
max-width: 1020px;
margin: 0 auto;
}
.about main .history .box h3 {
font-size: 2.1rem;
font-weight: 700;
padding-bottom: .2em;
margin-bottom: .8em;
border-bottom: solid 1px #000;
letter-spacing: .1em;
}
.about main .history .box dl {
display: table;
width: 100%;
font-size: 1.6rem;
margin-bottom: 1em;
}
.about main .history .box dl dt ,
.about main .history .box dl dd {
display: table-cell;
border-bottom: dashed 1px #000000;
padding-bottom: 1em;
font-weight: 500;
}
.about main .history .box dl dt {
width: 300px;
}
.about main .history .box dl dd {
width: calc(100% - 300px);
}
.about main .facilities_link {
max-width: 1020px;
margin: 0 auto;
}
.about main .facilities_link a {
font-size: 1.8rem;
font-weight: 700;
} .facilities main {
font-family: 'Noto Serif JP', serif;
}
.facilities main .collaboration {
background: url(//www.homma-museum.or.jp/img/facilities/collaboration_bg.jpg) no-repeat center center;
background-size: cover;
padding: 70px 50px;
margin-bottom: 200px;
}
.facilities main .collaboration:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.facilities main .collaboration .box {
display: table;
width: 100%;
color: #FFF;
}
.facilities main .collaboration .box h3 {
display: table-cell;
font-size: 3.6rem;
padding-right: 1.5em;
white-space: nowrap;
line-height: 1.1;
}
.facilities main .collaboration .box p {
display: table-cell;
font-size: 1.6rem;
}
.facilities main .kakubuen {
margin-bottom: 150px;
}
.facilities main .kakubuen .box {
margin-bottom: 150px;
}
.facilities main .kakubuen .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.facilities main .kakubuen .box h3 {
float: left;
font-size: 2.4rem;
font-weight: 500;
}
.facilities main .kakubuen .box h3 em {
font-size: 2.1rem;
font-weight: 500;
}
.facilities main .kakubuen .box p {
float: right;
width: calc(100% - (2.4rem * 20));
font-size: 1.6rem;
font-weight: 500;
}
.facilities main .kakubuen .img_box ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.facilities main .kakubuen .img_box ul li {
float: left;
width: 22%;
}
.facilities main .kakubuen .img_box ul li:not(:last-of-type) {
margin-right: 4%;
}
.facilities main .map {
margin-bottom: 150px;
}
.facilities main .map:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.facilities main .map .box_l {
position: relative;
float: left;
width: 460px;
margin-right: 75px;
}
.facilities main .map .box_l p {
border: solid 1px #6c6e70;
margin-bottom: 60px;
}
.facilities main .map .box_l ul li {
font-size: 1.8rem;
}
.facilities main .map .box_l ul li:not(:last-of-type) {
margin-bottom: .2em;
}
.facilities main .map .box_l ul li a {
font-weight: 500;
}
.facilities main .map .box_l::before {
position: absolute;
top: 0;
right: -75px;
z-index: -1;
width: 75px;
height: 100px;
background: url(//www.homma-museum.or.jp/img/facilities/map_arrow.svg) no-repeat center center;
background-size: cover;
display: block;
content: '';
}
.facilities main .map .img_r {
float: right;
width: calc(100% - (460px + 75px));
border: solid 1px #6c6e70;
}
.facilities main .seienkaku {
margin-bottom: 150px;
}
.facilities main .seienkaku .img {
margin-bottom: 50px;
}
.facilities main .seienkaku .box {
margin-bottom: 150px;
}
.facilities main .seienkaku .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.facilities main .seienkaku .box h3 {
float: left;
font-size: 2.4rem;
font-weight: 500;
}
.facilities main .seienkaku .box h3 em {
font-size: 2.1rem;
font-weight: 500;
}
.facilities main .seienkaku .box p {
float: right;
width: calc(100% - (2.4rem * 20));
font-size: 1.6rem;
font-weight: 500;
}
.facilities main .seienkaku .img_box ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.facilities main .seienkaku .img_box ul li {
float: left;
width: 22%;
}
.facilities main .seienkaku .img_box ul li:not(:last-of-type) {
margin-right: 4%;
}
.facilities main .seienkaku-tea {
margin-bottom: 150px;
}
.facilities main .seienkaku-tea .box {
margin-bottom: 50px;
}
.facilities main .seienkaku-tea .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.facilities main .seienkaku-tea .box h3 {
float: left;
font-size: 2.4rem;
font-weight: 500;
}
.facilities main .seienkaku-tea .box h3 em {
font-size: 2.1rem;
font-weight: 500;
}
.facilities main .seienkaku-tea .box p {
float: right;
width: calc(100% - (2.4rem * 20));
font-size: 1.6rem;
font-weight: 500;
}
.facilities main .seienkaku-tea .img_box ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.facilities main .seienkaku-tea .img_box ul li {
float: left;
width: 54%;
}
.facilities main .seienkaku-tea .img_box ul li:last-of-type {
float: right;
width: 42.5%;
}
.facilities main .seienkaku-tea .menu {
padding-top: 20px;
}
.facilities main .seienkaku-tea .menu:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.facilities main .seienkaku-tea .menu ol {
float: right;
}
.facilities main .seienkaku-tea .menu ol:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.facilities main .seienkaku-tea .menu ol li {
position: relative;
float: left;
font-size: 1.6rem;
padding-left: 1.2em;
}
.facilities main .seienkaku-tea .menu ol li:not(:last-of-type) {
margin-right: 1.5em;
}
.facilities main .seienkaku-tea .menu ol li:before {
position: absolute;
left: 0;
content: '・';
}
.facilities main .seienkaku-tea .menu ol li span {
margin-right: 1em;
}
.facilities main .kitamae {
margin-bottom: 150px;
}
.facilities main .kitamae .img01 {
max-width: 1600px;
margin: 0 auto;
margin-bottom: 100px;
}
.facilities main .kitamae .img02 {
display: flex;
align-items: center;
max-width: 1600px;
margin: 0 auto;
margin-bottom: 50px;
}
.facilities main .kitamae .img02 li {
width: 47.5%;
}
.facilities main .kitamae .img02 li:first-of-type {
margin-right: 5%;
}
.facilities main .kitamae .com01 {
font-size: 1.6rem;
margin-bottom: 3.5em;
}
.facilities main .kitamae .img03 {
max-width: 700px;
margin-bottom: 40px;
}
.facilities main .kitamae .com02 p {
font-size: 1.6rem;
font-weight: 500;
color: #036EB8;
margin-bottom: 1.2em;
}
.facilities main .kitamae .com02 dl {
display: flex;
flex-wrap: wrap;
}
.facilities main .kitamae .com02 dl dt {
font-size: 1.6rem;
font-weight: 700;
margin-right: 1em;
}
.facilities main .kitamae .com02 dl dd a {
font-size: 1.6rem;
color: #E60012;
}
.facilities main .about {
margin-bottom: 150px;
}
.facilities main .about h3 {
font-size: 2.4rem;
font-weight: 500;
padding-bottom: .2em;
margin-bottom: 2em;
border-bottom: solid 1px #000;
letter-spacing: .1em;
}
.facilities main .about .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.facilities main .about .box .box_l {
float: left;
width: 650px;
font-size: 1.4rem;
}
.facilities main .about .box .box_l p:not(:last-of-type) {
margin-bottom: 1.2em;
}
.facilities main .about .box .img {
float: right;
width: calc(100% - (650px + 70px));
}
.facilities main .museum {
margin-bottom: 100px;
}
.facilities main .museum .img {
margin-bottom: 50px;
}
.facilities main .museum .box {
margin-bottom: 150px;
}
.facilities main .museum .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.facilities main .museum .box h3 {
float: left;
font-size: 2.4rem;
font-weight: 500;
}
.facilities main .museum .box h3 em {
font-size: 2.1rem;
font-weight: 500;
}
.facilities main .museum .box p {
float: right;
width: calc(100% - (2.4rem * 20));
font-size: 1.6rem;
font-weight: 500;
}
.facilities main .museum .img_box ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.facilities main .museum .img_box ul li {
float: left;
width: 22%;
}
.facilities main .museum .img_box ul li:not(:last-of-type) {
margin-right: 4%;
}
.facilities main .youtube_btn {
width: 240px;
} .membership main {
font-family: 'Noto Serif JP', serif;
}
.membership main .page_title .box h4 em {
font-size: 1.4rem;
padding-left: 2em;
}
.membership main .catch {
margin-bottom: 100px;
}
.membership main .catch h3 {
font-size: 2.4rem;
font-weight: 500;
padding-bottom: .6em;
margin-bottom: 2em;
border-bottom: solid 1px #000;
letter-spacing: .1em;
}
.membership main .catch p {
font-size: 1.6rem;
font-weight: 500;
}
.membership main .about {
padding: 100px 0;
}
.membership main .about h3 {
font-size: 3.6rem;
color: #eb1b23;
margin-bottom: .8em;
}
.membership main .about section {
margin-bottom: 120px;
}
.membership main .about section h4 {
font-size: 2.1rem;
padding-bottom: .5em;
}
.membership main .about section.point {
counter-reset: number;
}
.membership main .about section.point section {
padding: 25px 0 30px;
margin-bottom: 0;
}
.membership main .about section.point section:last-of-type {
padding-bottom: 0;
}
.membership main .about section.point section:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.membership main .about section.point section h5 {
position: relative;
float: left;
width: 350px;
padding-left: 65px;
font-size: 2.1rem;
font-weight: 700;
}
.membership main .about section.point section h5:before {
position: absolute;
top: -10px;
left: 0;
width: 56px;
height: 56px;
line-height: 56px;
border-radius: 50%;
text-align: center;
background: #36b24a;
color: #FFF;
font-size: 1.5rem;
font-weight: 700;
counter-increment: number;
content: '特典'counter(number);
}
.membership main .about section.point section p {
float: left;
font-size: 1.5rem;
font-weight: 700;
width: calc(100% - 350px);
padding-top: .5em;
}
.membership main .about section.price table {
width: 100%;
margin-bottom: 1em;
}
.membership main .about section.price table thead th {
border-top: solid 1px #000;
border-bottom: solid 1px #000;
width: 33.3%;
text-align: center;
background: #babcbe;
color: #FFF;
font-size: 1.8rem;
font-weight: 700;
padding: .3em 0;
}
.membership main .about section.price table thead th:not(:last-of-type) {
border-right: solid 1px #000;
}
.membership main .about section.price table tbody th ,
.membership main .about section.price table tbody td {
border-bottom: solid 1px #000;
border-right: solid 1px #000;
text-align: center;
font-size: 1.8rem;
font-weight: 700;
padding: .3em 0;
}
.membership main .about section.price table tbody td:last-of-type {
border-right: none;
}
.membership main .about section.price p {
font-size: 1.4rem;
font-weight: 700;
}
.membership main .about section.contact {
margin-bottom: 50px;
padding: 25px 35px;
background: #FFF;
}
.membership main .about section.contact ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.membership main .about section.contact ul li {
float: left;
font-size: 1.8rem;
font-weight: 700;
}
.membership main .about section.contact ul li:not(:last-of-type) {
margin-right: 1em;
}
.membership main .about .donation_btn a {
display: inline-block;
border: solid 1px #000;
background: #000;
color: #FFF;
font-size: 1.4rem;
font-weight: 700;
padding: .3em 1.5em;
text-decoration: none;
}
.membership main .about .donation_btn a:hover {
background: #FFF;
color: #000;
} .donation main {
font-family: 'Noto Serif JP', serif;
}
.donation main .page_title .box h4 em {
display: block;
font-size: 1.4rem;
font-weight: 500;
padding-top: 1.2em;
}
.donation main .about {
margin-bottom: 100px;
}
.donation main .about h3 {
font-size: 2.4rem;
font-weight: 500;
padding-bottom: .6em;
margin-bottom: 2em;
border-bottom: solid 1px #000;
}
.donation main .about h3::first-letter {
letter-spacing: 1em;
}
.donation main .about p {
font-size: 1.6rem;
font-weight: 500;
}
.donation main .name {
margin-bottom: 100px;
}
.donation main .name h3 {
font-size: 2.4rem;
font-weight: 500;
padding-bottom: .6em;
margin-bottom: 2em;
border-bottom: solid 1px #000;
letter-spacing: .1em;
}
.donation main .name p {
font-size: 1.6rem;
font-weight: 500;
}
.donation main .use {
margin-bottom: 100px;
counter-reset: number;
}
.donation main .use h3 {
font-size: 2.4rem;
font-weight: 500;
padding-bottom: .6em;
margin-bottom: 2em;
border-bottom: solid 1px #000;
letter-spacing: .1em;
}
.donation main .use dl:not(:last-of-type) {
margin-bottom: 50px;
}
.donation main .use dl dt {
position: relative;
font-size: 2.1rem;
font-weight: 700;
color: #1a6fc1;
padding-left: 1.6em;
}
.donation main .use dl dt:before {
position: absolute;
top: .2em;
left: 0;
width: 1.4em;
height: 1.3em;
line-height: 1.2em;
border-radius: 50%;
text-align: center;
background: #1a6fc1;
color: #FFF;
font-size: 2.1rem;
font-weight: 700;
counter-increment: number;
content: counter(number);
}
.donation main .use dl dd {
font-size: 1.6rem;
font-weight: 500;
padding-left: 2em;
}
.donation main .price {
margin-bottom: 100px;
}
.donation main .price h3 {
font-size: 2.4rem;
font-weight: 500;
padding-bottom: .6em;
margin-bottom: 2em;
border-bottom: solid 1px #000;
letter-spacing: .1em;
}
.donation main .price .price_info {
margin-bottom: 100px;
font-size: 2.1rem;
font-weight: 700;
}
.donation main .price .price_info:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.donation main .price .price_info ul {
float: left;
margin-right: 4em;
}
.donation main .price .price_info ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.donation main .price .price_info ul li {
float: left;
}
.donation main .price .price_info ul li:not(:last-of-type) {
margin-right: 1em;
}
.donation main .price .price_info ul li:before {
content: '◉';
}
.donation main .price .price_info ul li span {
font-weight: 700;
margin-right: 1em;
}
.donation main .price .price_info p {
float: left;
color: #1a6fc1;
}
.donation main .price h4 {
font-size: 2.1rem;
font-weight: 700;
padding: .3em 0;
margin-bottom: 1.2em;
color: #eb1b23;
border-top: solid 1px #eb1b23;
border-bottom: solid 1px #eb1b23;
}
.donation main .price section:not(:last-of-type) {
margin-bottom: 80px;
}
.donation main .price section h5 {
font-size: 2.1rem;
font-weight: 700;
color: #1a6fc1;
}
.donation main .price section .com01 {
font-size: 1.6rem;
font-weight: 500;
margin-bottom: 1.1em;
}
.donation main .price section .com02 {
font-size: 2.1rem;
font-weight: 500;
color: #eb1b23;
margin-bottom: 1.5em;
}
.donation main .price section dl dt {
max-width: 810px;
margin-bottom: 10px;
}
.donation main .price section dl dd {
font-weight: 500;
}
.donation main .price section h6 {
font-size: 1.6rem;
font-weight: 700;
color: #36b24a;
margin-bottom: .6em;
}
.donation main .price section .price_img {
max-width: 955px;
}
.donation main .price section .price_img:not(:last-of-type) {
margin-bottom: 50px;
}
.donation main .privacy {
margin-bottom: 100px;
}
.donation main .privacy h3 {
font-size: 2.4rem;
font-weight: 500;
padding-bottom: .6em;
margin-bottom: 2em;
border-bottom: solid 1px #000;
letter-spacing: .1em;
}
.donation main .privacy p {
font-size: 1.6rem;
font-weight: 500;
}
.donation main .pay {
margin-bottom: 100px;
}
.donation main .pay h3 {
font-size: 2.4rem;
font-weight: 500;
padding-bottom: .6em;
margin-bottom: 2em;
border-bottom: solid 1px #000;
letter-spacing: .1em;
}
.donation main .pay p {
font-size: 1.6rem;
font-weight: 500;
margin-bottom: 2em;
}
.donation main .pay section {
margin-bottom: 40px;
font-size: 1.6rem;
font-weight: 500;
}
.donation main .pay section table td:not(:last-of-type) {
padding-right: 1.2em;
}
.donation main .pay section + p {
margin-bottom: 0;
}
.donation main .present {
margin-bottom: 100px;
}
.donation main .present h3 {
font-size: 2.4rem;
font-weight: 500;
padding-bottom: .6em;
margin-bottom: 2em;
border-bottom: solid 1px #000;
letter-spacing: .1em;
}
.donation main .present p {
font-size: 1.6rem;
font-weight: 500;
}
.donation main .contact h3 {
font-size: 2.4rem;
font-weight: 500;
padding-bottom: .6em;
margin-bottom: 2em;
border-bottom: solid 1px #000;
letter-spacing: .1em;
}
.donation main .contact p {
font-size: 1.6rem;
font-weight: 500;
margin-bottom: 1.5em;
}
.donation main .contact .box {
display: inline-block;
padding: 25px 35px;
}
.donation main .contact .box h4 {
font-size: 2.1rem;
padding-bottom: .5em;
}
.donation main .contact .box ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.donation main .contact .box ul li {
float: left;
font-size: 1.8rem;
font-weight: 700;
}
.donation main .contact .box ul li:not(:last-of-type) {
margin-right: 1em;
} .news main {
font-family: 'Noto Serif JP', serif;
}
.news main .page_title .box h4 em {
display: block;
font-size: 1.4rem;
font-weight: 500;
padding-top: 1.2em;
}
.news main .news-list section:not(:last-of-type) {
margin-bottom: 100px;
}
.news main .news-list section:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.news main .news-list section .img {
float: right;
width: 300px;
border: solid 1px #AAA;
}
.news main .news-list section .box {
width: 100%;
}
.news main .news-list section .img + .box {
float: left;
width: calc(100% - (300px + 50px));
}
.news main .news-list section .box .time {
display: block;
font-size: 1.2rem;
padding-bottom: .3em;
margin-bottom: .6em;
border-bottom: solid 1px #000;
}
.news main .news-list section .box .news_title {
font-size: 2.1rem;
font-weight: 500;
}
.news main .news-list section .box .news_title em {
display: block;
font-size: 1.6rem;
font-weight: 400;
color: #999;
}
.news main .news-list section .box time {
display: block;
font-size: 1.4rem;
}
.news main .news-list section .box .com {
padding-top: 1.2em;
}
.news main .news-list section .box .news_more {
padding-top: 1.5em;
} .collection main {
font-family: 'Noto Serif JP', serif;
}
.collection main .page_title .box h4 em {
display: block;
font-size: 1.4rem;
font-weight: 500;
padding-top: 1.2em;
} .collection_doll main {
font-family: 'Noto Serif JP', serif;
}
.collection_doll main .page_title .box h4 em {
display: block;
font-size: 1.4rem;
font-weight: 500;
padding-top: 1.2em;
} .schedule main {
font-family: 'Noto Serif JP', serif;
}
.schedule main .schedule_box {
padding: 100px 120px;
}
.schedule main .schedule_calender {
margin-bottom: 100px;
}
.schedule main .museum_list {
margin-bottom: 50px;
}
.schedule main .museum_list h3 ,
.schedule main .seienkaku_list h3 {
width: 180px;
margin-bottom: 100px;
}
.schedule main .schedule_list_in {
padding-bottom: 100px;
border-bottom: solid 1px #221e1f;
}
.schedule main .schedule_list_in:not(:last-of-type) {
margin-bottom: 100px;
}
.schedule main .schedule_list_in:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.schedule main .schedule_list_in .schedule_list_l {
float: left;
width: calc(100% - (400px + 50px));
}
.schedule main .schedule_list_in .schedule_list_r {
float: right;
width: 400px;
}
.schedule main .schedule_list_in .schedule_list_l h4 {
position:relative;
font-size:3.4rem;
font-weight:700;
margin:0 0 20px;
}
.schedule main .schedule_list_in .schedule_list_l h4 em {
font-size:1.2rem;
font-weight: normal;
display:inline-block;
margin:0 20px 0 0;
}
.schedule main .schedule_list_in .schedule_list_l h4 em.sttl01 {
font-size:1.2rem;
font-weight: normal;
display:inline-block;
margin:0 20px 0 0;
}
.schedule main .schedule_list_in .schedule_list_l h4 em.sttl02 {
font-size:1.2rem;
font-weight: normal;
display:block;
margin:0 0 10px;
color:#ec1b23;
}
.schedule main .schedule_list_in .schedule_list_l h4 em.sttl03 {
font-size:1.2rem;
font-weight: normal;
display:inline-block;
margin:0 0 0 20px;
}
.schedule main .schedule_list_in .schedule_list_l h4 em.sttl04 {
font-size:1.2rem;
font-weight: normal;
display:inline-block;
margin:0 20px 0 0;
color:#ec1b23;
}
.schedule main .schedule_list_in .schedule_list_l h4 em.sttl05 {
font-size:1.2rem;
font-weight: normal;
display:block;
margin:0 0 10px;
}
.schedule main .schedule_list_in .schedule_list_l h4 em.sttl06 {
font-size:1.8rem;
font-weight: 700;
display:block;
margin:0 0 10px;
color:#124ebd;
letter-spacing:0.5em;
}
.schedule main .schedule_list_in .schedule_list_l h4 em.sttl07 {
font-size:1.2rem;
font-weight: normal;
display:inline-block;
padding:0.5em 1em;
border: solid 1px #ec1b23;
color:#ec1b23;
}
.schedule main .schedule_list_in .schedule_list_l h4 em.em-box {
display:block;
padding:1em 0 0;
font-size: inherit;
font-weight: 700;
}
.schedule main .schedule_list_in .schedule_list_l h4 em.em-box02 {
display:block;
padding:0;
font-size:1.2rem;
font-weight:700;
}
.schedule main .schedule_list_in .schedule_list_l time {
display:block;
margin:0 0 20px;
}
.schedule main .schedule_list_in .schedule_list_l time span {
display:block;
font-size:1.2rem;
}
.schedule main .schedule_list_in .schedule_list_l time em {
display: inline-block;
font-size:1.2rem;
margin:0 0 1em;
}
.schedule main .schedule_list_in .schedule_list_l p ,
.schedule main .schedule_list_in .schedule_list_l div p {
margin:0 0 20px;
}
.schedule main .schedule_list_in .schedule_list_l p:last-child ,
.schedule main .schedule_list_in .schedule_list_l div p:last-child {
margin:0;
}
.schedule main .schedule_list_in .schedule_list_l p span ,
.schedule main .schedule_list_in .schedule_list_l div p span {
display:block;
padding:20px 0 0 10px;
}
.schedule main .schedule_list_in .schedule_list_l p span a ,
.schedule main .schedule_list_in .schedule_list_l div p span a {
display: none;
}
.schedule main .schedule_list_in .schedule_list_l dl:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.schedule main .schedule_list_in .schedule_list_l dl dt {
float: left;
margin-right: 2em;
}
.schedule main .schedule_list_in .schedule_list_l dl dd {
float: left;
}
.schedule main .schedule_list_in .schedule_list_l dl dt a ,
.schedule main .schedule_list_in .schedule_list_l dl dd {
display: block;
text-decoration: none;
padding: .3em 1.5em;
font-size: 1.4rem;
font-weight: 700;
color: #FFF;
}
.schedule main .schedule_list_in .schedule_list_l dl dt a {
background: #000000;
}
.schedule main .schedule_list_in .schedule_list_l dl dt a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.schedule main .schedule_list_in .schedule_list_l dl dd {
background: #eb1b23;
}
.schedule main .museum_list .old_link: {
padding-bottom: 100px;
}
.schedule main .schedule_list_in .schedule_list_r p {
text-align:right;
display:block;
padding:10px 0 0;
font-size:1.2rem;
}
.schedule main .schedule_list_in .schedule_list_r ul {
text-align:right;
display:block;
padding:10px 0 0;
}
.schedule main .schedule_list_in .schedule_list_r ul {
overflow:hidden;
}
.schedule main .schedule_list_in .schedule_list_r ul li {
float:left;
}
.schedule main .schedule_list_in .schedule_list_r ul li span {
display:block;
padding:0.5em 0 0;
text-align:center;
font-size:1.2rem;
}
.schedule main .old_link ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.schedule main .old_link ul li {
float: left;
margin-right: 2em;
} .column main {
font-family: 'Noto Serif JP', serif;
}
.column main .column_top {
margin:0 0 40px;
}
.column main .column_wrap:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.column main .column_wrap_l {
float:left;
width:calc(100% - (200px + 50px));
}
.column main .column_wrap_r {
float:right;
width:200px;
}
.column main .column_ttl {
margin:0 0 40px;
}
.column main .column_ttl h3 {
background:#a6a8ab;
font-size:2.1rem;
font-weight:700;
color:#FFFFFF;
padding:10px 20px;
margin:0 0 5px;
}
.column main .column_ttl p {
text-align:right;
padding:0 10px;
}
.column main .column_box {
margin:0 0 40px;
}
.column_box p:not(:last-of-type) {
margin:0 0 20px;
}
.column main .column_day {
text-align:right;
padding:10px 20px;
margin:0 0 20px;
font-size:1.2rem;
border-top: solid 1px #999999;
border-bottom: solid 1px #999999;
}
.column main .calender table {
width:100%;
margin:0 0 20px;
table-layout: fixed;
}
.column main .calender table caption {
text-align:center;
font-weight:bold;
}
.column main .calender table thead th {
text-align:center;
padding:5px 0;
border:solid 1px #CCCCCC;
}
.column main .calender table thead th {
background:#DDD;
}
.column main .calender table thead th:first-child {
background:#C33;
color:#FFF;
}
.column main .calender table thead th:last-child {
background:#36F;
color:#FFF;
}
.column main .calender table tbody th ,
.column main .calender table tbody td {
text-align:center;
vertical-align:middle;
font-size:1.2rem;
line-height:1.2;
padding:5px 0;
height:20px;
border:solid 1px #CCCCCC;
}
.column main .calender table tbody td a {
border-radius: 5px;
display:inline-block;
background:#09F;
padding:3px 5px;
color:#FFF;
text-decoration:none;
}
.column main .calender table tfoot td:first-child {
text-align:left;
padding:10px 0 0;
}
.column main .calender table tfoot td:last-child {
text-align:right;
padding:10px 0 0;
}
.column main .column_side_ttl {
border-bottom: solid 2px #666666;
padding:0 5px;
margin:0 0 10px;
}
.column main .column_wrap_r ul li {
border-bottom: solid 1px #666666;
padding:0 5px 5px;
margin:0 0 10px;
}
.column main .column_wrap_r ul li span {
display:block;
font-size:1.2rem;
}
@media screen and (max-width: 1600px) {
.info_covid .box_r h3 {
font-size: 2.0rem;
}
.info_covid .box_r h3 + p {
font-size: 1.4rem;
}
.info_covid .box_r p.link {
font-size: 1.4rem;
}
.info_covid .box_r p.link a span:first-of-type {
margin-right: 0;
display: block;
}
.top_about section.kikaku h4 em {
display: block;
}
.use main .covid {
padding: 100px 150px;
margin-bottom: 150px;
}
.use main .covid ol li:first-of-type {
left: 35px;
}
.use main .covid ol li:nth-of-type(2) {
right: 40px;
}
.use main .covid ol li:nth-of-type(3) {
right: 40px;
}
.schedule main .schedule_box {
padding: 50px 40px;
}
}
@media screen and (max-width: 1500px) {
.use main .covid h3 {
font-size: 2.6rem;
}
.use main .covid section h4 {
font-size: 2.0rem;
}
.use main .covid section ul li {
font-size: 1.6rem;
}
.use main .covid ol li:first-of-type {
top: 60px;
width: 80px;
}
.use main .covid ol li:nth-of-type(2) {
top: 60px;
width: 80px;
}
.use main .covid ol li:nth-of-type(3) {
top: 400px;
width: 100px;
}
.use main .info .box section h3 {
font-size: 1.8rem;
}
.use main .info .box section p {
font-size: 1.6rem;
}
.about main .greeting .box {
max-width: 94%;
}
.about main .greeting .box .box_l {
width: calc(100% - (365px + 35px));
}
.about main .history .box {
max-width: 94%;
}
.facilities main .collaboration .box {
display: block;
}
.facilities main .collaboration .box h3 {
display: block;
white-space:  normal;
margin-bottom: .6em;
}
.facilities main .collaboration .box p {
display: block;
}
.facilities main .map .box_l {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.facilities main .map .box_l:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.facilities main .map .box_l p {
float: left;
width: 460px;	
}
.facilities main .map .box_l ul {
float: right;
width: calc(100% - (460px + 40px));	
}
.facilities main .map .box_l::before {
display: none;
}
.facilities main .map .img_r {
float: none;
width: 100%;
}
.membership main .about .mw1000 {
max-width: 94%;
}
}
@media screen and (max-width: 1400px) {
.now_event .box .sub_event {
display: inline-flex;
flex-direction: column;
margin-left: auto;
}
}
@media screen and (max-width: 1300px) {
.now_event .box .info p strong {
display: block;
margin-right: 0;
}
.now_event .box .info p span {
display: block;
margin-right: 0;
}
.now_event .box .sub_event {
display: inline-flex;
flex-direction: column;
margin-left: 0;
margin-right: auto;
}
.now_event .box .sub_event02 {
display: inline-flex;
flex-direction: column;
margin-left: 0;
margin-right: auto;
}
.now_event .box .sub_event03 {
display: inline-flex;
flex-direction: column;
margin-left: 0;
margin-right: auto;
}
.now_event .box .sub_event202405 .box .box_in {
padding: 15px 25px;
padding-left: 25px;
}
.info_covid .box_l {
float: none;
width: 100%;
margin-bottom: 50px;
}
.info_covid .box_r {
float: none;
width: 100%;
}
.info_covid .box_r ol li {
position: absolute;
top: 15%;
z-index: 5;
width: 62px;
}
.use main .access .ill {
float: none;
width: 100%;
margin-bottom: 30px;
}
.use main .access .box {
float: none;
width: 100%;
}
.facilities main .about .box {
display: flex;
flex-wrap:wrap;
}
.facilities main .about .box .box_l {
float: none;
width: 100%;
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
.facilities main .about .box .img {
float: none;
width: 100%;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
margin-bottom: 30px;
}
.schedule main .schedule_list_in {
display: flex;
flex-wrap:wrap;
}
.schedule main .schedule_list_in .schedule_list_l {
float: none;
width: 100%;
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
.schedule main .schedule_list_in .schedule_list_r {
float: none;
width: 100%;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
margin-bottom: 30px;
}
}
@media screen and (max-width: 1200px) {
.now_event .box time {
text-align: left;
}
.now_event .box .info p {
text-align: left;
}
.now_event .box .sub_info ul {
float: none;
}	
.now_event .box .sub_info ul li {
float: none;
}
.now_event .box .sub_info ul li:not(:last-of-type) {
margin-right: 0;
}
.now_event .box .sub_event202405 {
display: flex;
justify-content: flex-start;
}
.now_event .box .sub_event202405 .box .box_in dl {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.now_event .box .sub_event202405 .box .box_in dl dd {
margin-left: 0;
}
.now_event .box .sub_event202502 {
align-items: flex-start;
justify-content: flex-start;
}
.now_event .box .sub_event202502 .box {
width: 100%;
}
.now_event .box .sub_event202502 .box .box_in {
width: 100%;
}
.now_event .box .sub_event202502 .box .box_in dl {
flex-direction: column;
}
.now_event .box .sub_event202502 .box .box_in dl dt {
width: 100%;
}
.now_event .box .sub_event202502 .box .box_in dl dd {
width: 100%;
margin-left: 0;
}
.now_event .box .sub_event202505 {
align-items: flex-start;
justify-content: flex-start;
}
.now_event .box .sub_event202505 .box {
width: 100%;
}
.now_event .box .sub_event202505 .box + .box {
width: 100%;
}
.now_event .box .sub_event202505 .box .box_in {
width: 100%;
}
.now_event .box .sub_event202505 .box .box_in dl {
flex-direction: column;
}
.now_event .box .sub_event202505 .box .box_in dl dt {
width: 100%;
}
.now_event .box .sub_event202505 .box .box_in dl dd {
width: 100%;
margin-left: 0;
}
.use main .info .box {
float: none;
width: 100%;
}
.use main .info .box:not(:last-of-type) {
margin-right: 0;
margin-bottom: 40px;
}
}
@media screen and (max-width: 1000px) {
.now_event .box .sub_event202410 .box {
width: 100%;
}
.now_event .box .sub_event202410 .box .box_in dl:nth-of-type(1) {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.now_event .box .sub_event202410 .box .box_in dl:nth-of-type(1) dt {
margin-right: 0;
}
.now_event .box .sub_event202410 .box .box_in dl:not(:nth-of-type(1)) {
display: flex;
flex-direction: column;
}
.now_event .box .sub_event202410 .box .box_in dl:not(:nth-of-type(1)) dd {
padding-left: 0;
}
.top_about section {
float: none;
width: 100%;
margin-bottom: 50px !important;
}
.top_about section:nth-child(2n) {
float: none;
}
.top_about section:last-child {
margin-bottom: 0 !important;
}
.etc_link section.box_l {
float: none;
width: 100%;
margin-bottom: 40px;
}
.etc_link div.box_r {
float: none;
width: 100%;
}
.facilities main .kakubuen .box h3 {
float: none;
margin-bottom: .6em;
}
.facilities main .kakubuen .box p {
float: none;
width: 100%;
}
.facilities main .map .box_l {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: .6em;
}
.facilities main .map .box_l p {
float: none;
margin: 0 auto;
margin-bottom: 10px;
width: 460px;	
}
.facilities main .map .box_l ul {
float: none;
width: 100%;
}
.facilities main .map .img_r {
float: none;
width: 100%;
}
.facilities main .seienkaku .box h3 {
float: none;
margin-bottom: .6em;
}
.facilities main .seienkaku .box p {
float: none;
width: 100%;
}
.facilities main .seienkaku-tea .box h3 {
float: none;
margin-bottom: .6em;
}
.facilities main .seienkaku-tea .box p {
float: none;
width: 100%;
}
.facilities main .museum .box h3 {
float: none;
margin-bottom: .6em;
}
.facilities main .museum .box p {
float: none;
width: 100%;
}
.membership main .about section.point section h5 {
float: none;
width: 100%;
}
.membership main .about section.point section p {
float: none;
width: 100%;
padding-top: .5em;
padding-left: 65px;
}
.news main .news-list section .img {
float: none;
width: 100%;
margin-bottom: 20px;
}
.news main .news-list section .img + .box {
float: none;
width: 100%;
}
.collection_top ul li:not(:last-of-type) {
margin-bottom: 20px;
}
.collection_top ul li a {
float: none !important;
}
}
@media screen and (max-width: 800px) {
.now_event .box .sub_event .event_day.event_day_block {
display: block;
}
}
@media screen and (max-width: 767px) {
.now_event {
padding-bottom: 10vw;
}
.now_event .box {
padding-top: 5vw;
}
.now_event .box time {
margin-bottom: 5vw;
text-align: left;
}
.now_event .box .sub_event {
display: flex;
margin-left: 0;
margin-left: right;
}
.now_event .box .sub_event p:first-of-type {
font-size: 1.6rem;
padding: .2em 1.2em;
}
.now_event .box .sub_event h3 {
font-size: 1.8rem;
}
.now_event .box .sub_event .event_day {
font-size: 1.8rem;
}
.now_event .box .sub_event .event_day.event_day_block {
display: block;
}
.now_event .box .sub_event02 {
display: flex;
margin-left: 0;
margin-left: right;
}
.now_event .box .sub_event02 p:first-of-type {
font-size: 1.6rem;
padding: .2em 1.2em;
}
.now_event .box .sub_event02 h3 {
font-size: 1.8rem;
}
.now_event .box .sub_event03 {
display: flex;
margin-left: 0;
margin-left: right;
}
.now_event .box .sub_event03 p:first-of-type {
font-size: 1.6rem;
padding: .2em 1.2em;
}
.now_event .box .sub_event03 h3 {
font-size: 1.8rem;
}
.now_event .box .sub_event202405 .box {
width: 100%;
}
.now_event .box .sub_event202405 .box p span {
font-size: 1.6rem;
}
.now_event .box .sub_event202405 .box .box_in {
padding: 5vw 4vw;
}
.now_event .box .sub_event202405 .box .box_in dl dt {
font-size: 1.8rem;
margin-right: 0;
}
.now_event .box .sub_event202405 .box .box_in dl dd {
font-size: 1.4rem;
}
.now_event .box .sub_event202410 .box p span {
font-size: 1.6rem;
}
.now_event .box .sub_event202410 .box .box_in {
padding: 5vw 4vw;
}
.now_event .box .sub_event202410 .box .box_in dl {
font-size: 1.8rem;
}
.now_event .box .sub_event202410 .box .box_in dl dd {
font-size: 1.6rem;
font-weight: 700;
}
.now_event .box .sub_event202502 .box > p span {
font-size: 1.6rem;
}
.now_event .box .sub_event202502 .box .box_in {
width: 100%;
padding: 5vw 4vw;
}
.now_event .box .sub_event202502 .box .box_in dl + p {
font-size: 1.6rem;
}
.now_event .box .sub_event202502 .box .box_in dl:not(:last-of-type) {
margin-bottom: 5vw;
}
.now_event .box .sub_event202502 .box .box_in dl dt {
font-size: 1.8rem;
}
.now_event .box .sub_event202502 .box .box_in dl dd {
font-size: 1.6rem;
}
.now_event .box .sub_event202505 .box + .box {
margin-top: 6vw;
}
.now_event .box .sub_event202505 .box > p span {
font-size: 1.6rem;
}
.now_event .box .sub_event202505 .box .box_in {
width: 100%;
padding: 5vw 4vw;
}
.now_event .box .sub_event202505 .box .box_in dl + p {
font-size: 1.6rem;
}
.now_event .box .sub_event202505 .box .box_in dl dt {
font-size: 1.8rem;
}
.now_event .box .sub_event202505 .box .box_in dl dd {
font-size: 1.6rem;
}
.now_event .box .sub_event202505 .box .box_in p {
font-size: 1.8rem;
}
.now_event .box .sub_event202505 .box .box_in p + time {
font-size: 1.6rem;
}
.main_rakuten_banner {
margin-bottom: 10vw;
}
.main_rakuten_banner ul {
display: flex;
flex-direction: column;
}
.main_rakuten_banner ul li {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
} .main_rakuten_banner ul li:not(:last-of-type) {
margin-bottom: 5vw;
}
.main_rakuten_banner ul li img {
width: auto;
max-width: 100%;
}
.now_event .box .info p {
text-align: left;
}
.now_event .box .info p strong {
display: block;
font-size: 1.6rem;
margin-right: 0;
}
.now_event .box .info p strong + em {
font-size: 1.3rem;
}
.now_event .box .info p span {
display: block;
font-size: 1.4rem;
margin-right: 0;
}
.now_event .box .info p span + em {
font-size: 1.2rem;
}
.now_event .box .sub_info ul {
float: none;
}
.now_event .box .sub_info ul li {
float: none;
font-size: 1.3rem;
}
.now_event .box .sub_info ul li:not(:last-of-type) {
margin-right: 0;
}
.info_covid {
margin-bottom: 10vw;
}
.info_covid .box_l {
float: none;
width: 100%;
margin-bottom: 10vw;
}
.info_covid .box_l h3 span {
font-size: 1.8rem;
}
.info_covid .box_l h3 em {
font-size: 1.3rem;
}
.info_covid .box_l .info_list:first-of-type {
margin-bottom: 5vw;
}
.info_covid .box_l .info_list dl dt {
float: none;
padding: 0 1em;
}
.info_covid .box_l .info_list dl dd {
float: none;
padding: 0 1em;
width: 100%;
}
.info_covid .box_r {
float: none;
width: 100%;
padding: 30px 40px;
}
.info_covid .box_r h3 {
font-size: 1.8rem;
}
.info_covid .box_r h3 + p {
font-size: 1.4rem;
}
.info_covid .box_r p.link {
font-size: 1.4rem;
}
.info_covid .box_r p.link a {
display: block;
}
.info_covid .box_r p.link a span:first-of-type {
margin-right: 0;
}
.info_covid .box_r ol li {
display: none;
}
.top_about {
padding-bottom: 10vw;
margin-bottom: 10vw;
}
.top_about section {
float: none;
width: 100%;
margin-bottom: 10vw !important;
}
.top_about section:nth-child(2n) {
float: none;
}
.top_about section:last-child {
margin-bottom: 0 !important;
}
.top_about section.kikaku h4 em {
display: block;
font-size: 1.4rem;
}
.top_about section.kikaku h4 span {
font-size: 1.8rem;
}
.top_about section.kikaku time {
font-size: 1.4rem;
}
.etc_link {
margin-bottom: 10vw;
}
.etc_link section.box_l {
float: none;
width: 100%;
margin-bottom: 5vw;
}
.etc_link div.box_r {
float: none;
width: 100%;
}
.etc_link div.box_r section {
float: left;
width: 46%;
}
.etc_link div.box_r section:last-of-type {
float: right;
}
.etc_link section h3 {
font-size: 1.3rem;
}
.use main .covid {
padding: 30px 40px;
margin-bottom: 10vw;
}
.use main .covid h3 {
font-size: 1.8rem;
}
.use main .covid section:not(:last-of-type) {
margin-bottom: 5vw;
}
.use main .covid section h4 {
font-size: 1.6rem;
}
.use main .covid section ul li {
font-size: 1.4rem;
}
.use main .covid ol {
display: none;
}
.use main .gmap {
margin-bottom: 10vw;
}
.use main .gmap iframe {
width: 100%;
height: 60vh;
}
.use main .info {
margin-bottom: 10vw;
}
.use main .info .box {
float: none;
width: 100%;
}
.use main .info .box:not(:last-of-type) {
margin-right: 0;
margin-bottom: 6vw;
}
.use main .info .box section:not(:last-of-type) {
margin-bottom: 5vw;
}
.use main .info .box section h3 {
font-size: 1.8rem;
}
.use main .info .box section p {
font-size: 1.4rem;
}
.use main .info .box section ul li {
font-size: 1.4rem;
}
.use main .info .box ol li {
font-size: 1.4rem;
}
.use main .access {
margin-bottom: 10vw;
}
.use main .access .ill {
float: none;
width: 100%;
margin-bottom: 5vw;
}
.use main .access .box {
float: none;
width: 100%;
}
.use main .access .box section:not(:last-of-type) {
margin-bottom: 5vw;
}
.use main .access .box section h3 {
font-size: 1.6rem;
}
.use main .access .box section ol:not(:last-child) {
margin-bottom: 5vw;
}
.use main .access .box section ol li {
font-size: 1.4rem;
}
.use main .access .box section ul li:not(:last-of-type) {
padding-bottom: 5vw;
}
.use main .access .box section ul li a {
font-size: 1.6rem;
}
.use main .sakata dl {
display: block;
}
.use main .sakata dl dt ,
.use main .sakata dl dd {
display: block;
}
.use main .sakata dl dt {
width: 80vw;
margin: 0 auto;
}
.use main .sakata dl dd {
display: none;
}
.about main .greeting {
padding: 5vw 0;
}
.about main .greeting .box {
max-width: 94%;
}
.about main .greeting .box .box_l {
float: none;
font-size: 1.4rem;
width: 100%;
margin-bottom: 5vw;
}
.about main .greeting .box .img {
float: none;
width: 100%;
}
.about main .greeting .box .img em {
font-size: 1.3rem;
}
.about main .history {
padding: 5vw 0;
margin-bottom: 10vw;
}
.about main .history .box {
max-width: 94%;
}
.about main .history .box h3 {
font-size: 1.6rem;
}
.about main .history .box dl {
display: block;
font-size: 1.4rem;
}
.about main .history .box dl dt ,
.about main .history .box dl dd {
display: block;
border-bottom: dashed 1px #000000;
padding-bottom: 1em;
font-weight: 500;
}
.about main .history .box dl dt {
width: 100%;
border-bottom: none;
font-weight: 700;
padding-bottom: .5em;
}
.about main .history .box dl dd {
width: 100%;
}
.about main .facilities_link {
max-width: 94%;
}
.about main .facilities_link a {
font-size: 1.4rem;
}
.facilities main .collaboration {
background: url(//www.homma-museum.or.jp/img/facilities/collaboration_bg.jpg) no-repeat center center;
background-size: cover;
padding: 5vw 4vw;
margin-bottom: 10vw;
}
.facilities main .collaboration .box {
display: block;
}
.facilities main .collaboration .box h3 {
display: block;
font-size: 1.8rem;
padding-right: 0;
padding-bottom: .3em;
white-space: nowrap;
line-height: 1.7;
}
.facilities main .collaboration .box p {
display: block;
font-size: 1.4rem;
}
.facilities main .kakubuen {
margin-bottom: 10vw;
}
.facilities main .kakubuen .box {
margin-bottom: 10vw;
}
.facilities main .kakubuen .box h3 {
float: none;
font-size: 1.8rem;
}
.facilities main .kakubuen .box h3 em {
font-size: 1.6rem;
}
.facilities main .kakubuen .box p {
float: none;
width: 100%;
font-size: 1.4rem;
}
.facilities main .kakubuen .img_box ul li {
width: 48%;
margin-bottom: 5vw;
}
.facilities main .kakubuen .img_box ul li:nth-child(2n) {
margin-right: 0 !important;
}
.facilities main .kakubuen .img_box ul li:nth-child(2n+1) {
clear: both;
}
.facilities main .kakubuen .img_box ul li:nth-last-child(-n+2) {
margin-bottom: 0 !important;
}
.facilities main .map {
margin-bottom: 10vw;
}
.facilities main .map .box_l {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 5vw;
}
.facilities main .map .box_l p {
float: none;
margin-bottom: 5vw;
width: 100%;
}
.facilities main .map .box_l ul {
float: none;
width: 100%;
}
.facilities main .map .box_l ul li {
font-size: 1.4rem;
}
.facilities main .map .box_l::before {
display: none;
}
.facilities main .map .img_r {
float: none;
width: 100%;
}
.facilities main .seienkaku {
margin-bottom: 10vw;
}
.facilities main .seienkaku .img {
margin-bottom: 5vw;
}
.facilities main .seienkaku .box {
margin-bottom: 10vw;
}
.facilities main .seienkaku .box h3 {
float: none;
font-size: 1.8rem;
}
.facilities main .seienkaku .box h3 em {
font-size: 1.6rem;
}
.facilities main .seienkaku .box p {
float: none;
width: 100%;
font-size: 1.4rem;
}
.facilities main .seienkaku .img_box ul li {
width: 48%;
margin-bottom: 5vw;
}
.facilities main .seienkaku .img_box ul li:nth-child(2n) {
margin-right: 0 !important;
}
.facilities main .seienkaku .img_box ul li:nth-child(2n+1) {
clear: both;
}
.facilities main .seienkaku .img_box ul li:nth-last-child(-n+2) {
margin-bottom: 0 !important;
}
.facilities main .seienkaku-tea {
margin-bottom: 10vw;
}
.facilities main .seienkaku-tea .box {
margin-bottom: 10vw;
}
.facilities main .seienkaku-tea .box h3 {
float: none;
font-size: 1.8rem;
}
.facilities main .seienkaku-tea .box h3 em {
font-size: 1.6rem;
}
.facilities main .seienkaku-tea .box p {
float: none;
width: 100%;
font-size: 1.4rem;
}
.facilities main .seienkaku-tea .img_box ul li {
float: none;
width: 100%;
margin-bottom: 5vw;
}
.facilities main .seienkaku-tea .img_box ul li:last-of-type {
float: none;
width: 100%;
margin-bottom: 0;
}
.facilities main .seienkaku-tea .menu {
padding-top: 1em;
}
.facilities main .seienkaku-tea .menu ol {
float: none;
}
.facilities main .seienkaku-tea .menu ol li {
float: none;
font-size: 1.4rem;
}
.facilities main .seienkaku-tea .menu ol li:not(:last-of-type) {
margin-right: 0;
}
.facilities main .kitamae {
margin-bottom: 10vw;
}
.facilities main .kitamae .img01 {
max-width: 100%;
margin-bottom: 5vw;
}
.facilities main .kitamae .img02 {
display: flex;
align-items: center;
flex-direction: column;
max-width: 100%;
margin-bottom: 5vw;
}
.facilities main .kitamae .img02 li {
width: 100%;
}
.facilities main .kitamae .img02 li:first-of-type {
margin-right: 0;
margin-bottom: 5vw;
}
.facilities main .kitamae .com01 {
font-size: 1.6rem;
margin-bottom: 1.5em;
}
.facilities main .kitamae .img03 {
max-width: 100%;
margin-bottom: 5vw;
}
.facilities main .kitamae .com02 p {
font-size: 1.6rem;
margin-bottom: 1.2em;
}
.facilities main .kitamae .com02 dl {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.facilities main .kitamae .com02 dl dt {
font-size: 1.6rem;
font-weight: 700;
margin-right: 0;
margin-bottom: .8em;
}
.facilities main .kitamae .com02 dl dd a {
font-size: 1.6rem;
}
.facilities main .about {
margin-bottom: 10vw;
}
.facilities main .about h3 {
float: none;
font-size: 1.8rem;
}
.facilities main .about .box .box_l {
float: none;
width: 100%;
font-size: 1.4rem;
}
.facilities main .about .box .box_l p:not(:last-of-type) {
margin-bottom: 1.2em;
}
.facilities main .about .box .img {
float: none;
width: 100%;
}
.facilities main .museum {
margin-bottom: 10vw;
}
.facilities main .museum .img {
margin-bottom: 5vw;
}
.facilities main .museum .box {
margin-bottom: 10vw;
}
.facilities main .museum .box h3 {
float: none;
font-size: 1.8rem;
}
.facilities main .museum .box h3 em {
font-size: 1.6rem;
}
.facilities main .museum .box p {
float: none;
width: 100%;
font-size: 1.4rem;
}
.facilities main .museum .img_box ul li {
width: 48%;
margin-bottom: 5vw;
}
.facilities main .museum .img_box ul li:nth-child(2n) {
margin-right: 0 !important;
}
.facilities main .museum .img_box ul li:nth-child(2n+1) {
clear: both;
}
.facilities main .museum .img_box ul li:nth-last-child(-n+2) {
margin-bottom: 0 !important;
}
.facilities main .youtube_btn {
width: 60%;
}
.membership main .catch {
margin-bottom: 10vw;
}
.membership main .catch h3 {
font-size: 1.8rem;
}
.membership main .catch p {
font-size: 1.4rem;
}
.membership main .about {
padding: 5vw 0;
}
.membership main .about h3 {
font-size: 1.8rem;
}
.membership main .about section {
margin-bottom: 10vw;
}
.membership main .about section h4 {
font-size: 1.6rem;
}
.membership main .about section.point section {
padding: 25px 0 30px;
margin-bottom: 0;
}
.membership main .about section.point section:last-of-type {
padding-bottom: 0;
}
.membership main .about section.point section h5 {
position: relative;
float: none;
width: 100%;
padding-left: 65px;
font-size: 2.1rem;
font-weight: 700;
}
.membership main .about section.point section h5:before {
position: absolute;
top: -10px;
left: 0;
width: 56px;
height: 56px;
line-height: 56px;
border-radius: 50%;
text-align: center;
background: #36b24a;
color: #FFF;
font-size: 1.5rem;
font-weight: 700;
counter-increment: number;
content: '特典'counter(number);
}
.membership main .about section.point section p {
float: none;
font-size: 1.4rem;
font-weight: 700;
width: 100%;
padding-top: .5em;
padding-left: 65px;
}
.membership main .about section.price table thead th {
font-size: 1.4rem;
}
.membership main .about section.price table tbody th ,
.membership main .about section.price table tbody td {
font-size: 1.4rem;
}
.membership main .about section.price p {
font-size: 1.4rem;
}
.membership main .about section.contact {
margin-bottom: 10vw;
padding: 5vw 4vw;
}
.membership main .about section.contact ul li {
float: none;
font-size: 1.6rem;
}
.membership main .about section.contact ul li:not(:last-of-type) {
margin-right: 0;
}
.donation main .about {
margin-bottom: 10vw;
}
.donation main .about h3 {
font-size: 1.8rem;
}
.donation main .about p {
font-size: 1.4rem;
}
.donation main .name {
margin-bottom: 10vw;
}
.donation main .name h3 {
font-size: 1.8rem;
}
.donation main .name p {
font-size: 1.4rem;
}
.donation main .use {
margin-bottom: 10vw;
}
.donation main .use h3 {
font-size: 1.8rem;
}
.donation main .use dl:not(:last-of-type) {
margin-bottom: 6vw;
}
.donation main .use dl dt {
font-size: 1.8rem;
padding-left: 1.6em;
}
.donation main .use dl dt:before {
font-size: 1.8rem;
}
.donation main .use dl dd {
font-size: 1.4rem;
}
.donation main .price {
margin-bottom: 10vw;
}
.donation main .price h3 {
font-size: 1.8rem;
}
.donation main .price .price_info {
margin-bottom: 10vw;
font-size: 1.8rem;
}
.donation main .price .price_info ul {
float: none;
margin-right: 0;
}
.donation main .price .price_info ul li {
float: none;
}
.donation main .price .price_info ul li:not(:last-of-type) {
margin-right: 0;
}
.donation main .price h4 {
font-size: 1.8rem;
}
.donation main .price section:not(:last-of-type) {
margin-bottom: 6vw;
}
.donation main .price section h5 {
font-size: 1.8rem;
}
.donation main .price section .com01 {
font-size: 1.4rem;
}
.donation main .price section .com02 {
font-size: 1.8rem;
}
.donation main .price section dl dt {
margin-bottom: 5vw;
}
.donation main .price section h6 {
font-size: 1.4rem;
}
.donation main .price section .price_img:not(:last-of-type) {
margin-bottom: 5vw;
}
.donation main .privacy {
margin-bottom: 10vw;
}
.donation main .privacy h3 {
font-size: 1.8rem;
}
.donation main .privacy p {
font-size: 1.4rem;
}
.donation main .pay {
margin-bottom: 10vw;
}
.donation main .pay h3 {
font-size: 1.8rem;
}
.donation main .pay p {
font-size: 1.4rem;
}
.donation main .pay section {
margin-bottom: 5vw;
font-size: 1.4rem;
}
.donation main .pay section table td:not(:last-of-type) {
padding-right: .6em;
}
.donation main .present {
margin-bottom: 10vw;
}
.donation main .present h3 {
font-size: 1.8rem;
}
.donation main .present p {
font-size: 1.4rem;
}
.donation main .contact h3 {
font-size: 1.8rem;
}
.donation main .contact p {
font-size: 1.4rem;
}
.donation main .contact .box {
padding: 5vw 4vw;
}
.donation main .contact .box h4 {
font-size: 1.8rem;
}
.donation main .contact .box ul li {
float: none;
font-size: 1.6rem;
}
.donation main .contact .box ul li:not(:last-of-type) {
margin-right: 0;
}
.news main .news-list section:not(:last-of-type) {
margin-bottom: 10vw;
}
.news main .news-list section .box .news_title {
font-size: 1.8rem;
}
.news main .news-list section .box .news_title em {
font-size: 1.4rem;
}
.schedule main .schedule_box {
padding: 5vw 4vw;
}
.schedule main .schedule_calender {
margin-bottom: 10vw;
}
.schedule main .museum_list {
margin-bottom: 10vw;
}
.schedule main .museum_list h3 ,
.schedule main .seienkaku_list h3 {
width: 40%;
margin-bottom: 5vw;
}
.schedule main .schedule_list_in {
padding-bottom: 6vw;
}
.schedule main .schedule_list_in:not(:last-of-type) {
margin-bottom: 6vw;
}
.schedule main .schedule_list_in .schedule_list_l h4 {
font-size:1.8rem;
margin:0 0 5vw;
}
.schedule main .schedule_list_in .schedule_list_l h4 em {
font-size:1.3rem;
margin:0 .5em 0 0;
}
.schedule main .schedule_list_in .schedule_list_l h4 em.sttl01 {
font-size:1.3rem;
margin:0 .5em 0 0;
}
.schedule main .schedule_list_in .schedule_list_l h4 em.sttl02 {
font-size:1.3rem;
margin:0 0 .5em;
}
.schedule main .schedule_list_in .schedule_list_l h4 em.sttl03 {
font-size:1.3rem;
margin:0 0 0 .5em;
}
.schedule main .schedule_list_in .schedule_list_l h4 em.sttl04 {
font-size:1.3rem;
margin:0 .5em 0 0;
}
.schedule main .schedule_list_in .schedule_list_l h4 em.sttl05 {
font-size:1.3rem;
margin:0 0 .5em;
}
.schedule main .schedule_list_in .schedule_list_l h4 em.sttl06 {
font-size:1.4rem;
margin:0 0 .5em;
}
.schedule main .schedule_list_in .schedule_list_l h4 em.sttl07 {
font-size:1.3rem;
}
.schedule main .schedule_list_in .schedule_list_l h4 em.em-box02 {
font-size:1.3rem;
}
.schedule main .schedule_list_in .schedule_list_l time {
margin:0 0 3vw;
}
.schedule main .schedule_list_in .schedule_list_l time span {
font-size:1.3rem;
}
.schedule main .schedule_list_in .schedule_list_l time em {
font-size:1.3rem;
}
.schedule main .schedule_list_in .schedule_list_l p ,
.schedule main .schedule_list_in .schedule_list_l div p {
margin:0 0 3vw;
}
.schedule main .schedule_list_in .schedule_list_l p span ,
.schedule main .schedule_list_in .schedule_list_l div p span {
padding:5vw 0 0 3vw;
}
.schedule main .museum_list .old_link: {
padding-bottom: 10vw;
}
.schedule main .schedule_list_in .schedule_list_r p {
padding:3vw 0 0;
font-size:1.3rem;
}
.schedule main .schedule_list_in .schedule_list_r ul {
padding:3vw 0 0;
}
.column main .column_top {
margin:0 0 10vw;
}
.column main .column_wrap_l {
float:none;
width:100%;
margin:0 0 10vw;
}
.column main .column_wrap_r {
float:none;
width:100%;
}
.column main .column_ttl {
margin:0 0 5vw;
}
.column main .column_ttl h3 {
padding:3vw;
}
.column main .column_ttl p {
padding:0 2vw;
}
.column main .column_box {
margin:0 0 5vw;
}
.column main .column_box p {
margin:0 0 5vw;
}
.column main .column_day {
padding:3vw;
margin:0 0 5vw;
}
.column main .calender table {
margin:0 0 5vw;
}
}