@charset "utf-8";
.body_bg.-cover {
z-index: -5;
background: rgba(255,255,255,0.6);
}
header #mainnavi .wrapper {
padding: 0;
}
header #mainnavi img {
margin: 40px 0 0 20px;
}
#header-image img{
width: 1100px;
height: auto;
display: block;
}
.bread{
width: 1100px;
margin: 0 auto -5px;
padding: 15px 0 10px 40px;
position: relative;
background: #f3edea;
font-size: 14px;
font-size: 1.4rem;
}
.bread::before{
content: '≫';
position: absolute;
color: #888;
width: 20px;
height: 20px;
font-size: 10px;
font-size: 1.0rem;
font-weight: bold;
top: 16px;
left: 15px;
border: 1px solid #ccc;
border-radius: 50%;
padding: 0 0 0 2px;
display: flex;
justify-content: center;
align-items: center;
display: -ms-flexbox;
-ms-flex-pack: justify;
-ms-flex-line-pack: center;
}
.bread a{
color: #666;
text-decoration: underline;
}
.bread a:hover{
color: #aaa;
}
.bread span{
font-size: 14px;
font-size: 1.4rem;
color: #333;
}
main.wrapper{
margin: 0 auto;
max-width: 1100px;
background: rgba(255,255,255,0.9);
display: block;
}
section.main, div.main{
width: 700px;
float: left;
background-color: #fff;
box-shadow: 3px 5px 10px -5px rgba(0,0,0,0.6);
margin: 10px 8px 50px;
padding: 0 20px;
font-size: 14px;
font-size: 1.4rem;
}
article.post{
margin-bottom: 30px;
}
.postWrapper{
position: relative;
}
header #mainnavi nav ul ,header #mainnavi nav ol{
margin: 0;
padding: 0;
}
.time{
width: 100%;
margin: 30px 5px 0;
font-size: 16px;
font-size: 1.6rem;
}
div .box-grey{
background: #fafafa;
font-size: 14px;
font-size: 1.4rem;
padding: 15px 10px;
display: block;
margin: 10px 0;
}
div .box-pink{
background: #fdfafb;
border: solid 1px #f2b3ad;
font-size: 14px;
font-size: 1.4rem;
padding: 5px 10px;
border-radius: 5px;
color: #e4685d;
letter-spacing: 0.01em;
margin: 1em 0.5em;
width: fit-content;
}
.postNavi{
clear: both;
margin: 60px auto;
border-top: 2px solid #333;
}
#totop img {
top: -95px;
right: 40px;
}
@media only screen and (max-width:1100px){
.main-title {
width: 100%;
height: 50px;
}
.newsBlock article figure{
margin-right: 20px;
}
}
@media only screen and (max-width:770px){
header #mainnavi {
height: 85px;
}
header #mainnavi img {
margin: 0px auto;
display: block;
width: 150px;
float: none;
padding: 25px 0px;
}
.bread {
padding: 10px 0 8px 20px;
width: 100%;
font-size: 12px;
font-size: 1.2rem;
}
.bread::before {
width: 15px;
height: 14px;
font-size: 10px;
font-size: 1.0rem;
top: 12px;
left: 2px;
padding: 0 0 0 1px;
}
.bread span {
font-size: 13px !important;
font-size: 1.3rem !important;
}
section.main, div.main{
width: 100%;
margin: 0;
overflow: hidden;
padding: 0 0.3%;
}
}
@media only screen and (max-width:600px){
#js_j {
margin: 20px 0;
}
.bread {
line-height: 1.4;
padding-left: 0.5em;
}
.bread::before {
display:none;
}
.bread span{
font-size: 11px !important;
font-size: 1.1rem !important;
}
.time {
font-size: 12px;
font-size: 1.2rem;
margin: 20px 5px -3px;
}
.postNavi {
border: none;
margin: 2em 0;
padding-bottom: 2em;
}
}
@media only screen and (max-width:560px){
.main-title img {
width: 100%;
}
}
@media only screen and (max-width:480px){
section.main, div.main {
padding: 0 5px;
}
}
@media only screen and (max-width:370px){
.bread::before {
top: 13px;
border: 0;
}
}

/*2019.3.7追記 目的別検索のアイコン表示*/

.PurposeSearch-boxes{
margin: 0 9px 10px;
border-radius:5px;
position:relative;
width: 110px;
height: 135px;
display: inline-block;
}
.PurposeSearch-img{
position:absolute;
width: 100px;
height: 100px;
border: 1px solid #333;
border-radius: 50%;
transition: all 0.22s ease-in-out;
}
.PurposeSearch-img:hover{
transform: scale(1.12);
}
.PurposeSearch-boxes p {
color:#111;
position: absolute;
width: 100%;
bottom: 0;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
padding: 0;
letter-spacing: -0.02em;
margin:0;
}
.PurposeSearch-img>img{
width:100%;
max-width: 100%;
border: none;
padding: 20px;
transition: all 0.25s ease-in-out;
box-shadow: none!important;
}
.PurposeSearch-img>img:hover{
transform: scale(1.15);
}
@media only screen and (max-width:770px){
.PurposeSearch-boxes {
margin: 0 0 5px;
width: calc(20% - 5px);
height: 125px;
}
.PurposeSearch-img {
left: calc(50% - 50px);
}
}
@media only screen and (max-width:630px){
.PurposeSearch-boxes p {
font-size: 11px;
font-size: 1.1rem;
}
}
@media only screen and (max-width:575px){
.PurposeSearch-boxes p {
font-size: 10px;
font-size: 1.0rem;
}
}
@media only screen and (max-width:560px){
.PurposeSearch-img {
left: calc(50% - 45px);
width: 90px;
height: 90px;
}
.PurposeSearch-boxes {
height: 110px;
}
}
@media only screen and (max-width:510px){
.PurposeSearch-boxes {
margin-right: calc(19.4% - 90px);
width: 88.5px;
}
.PurposeSearch-boxes {
height: 100px;
}
.PurposeSearch-img {
left: calc(50% - 40px);
width: 80px;
height: 80px;
}
.PurposeSearch-img>img {
padding: 15px;
}
}
@media only screen and (max-width:430px){
.PurposeSearch-boxes p {
letter-spacing: -0.05em;
text-align: center!important;
}
.PurposeSearch-boxes {
margin-right: 0;
width: 86px;
}
}


/*2019-03-15 詳細ページへボタン追加*/

img.wp-image-2226{
width:9em;
margin-bottom: 1em!important;
}
img.wp-image-2226:hover{
opacity:0.8;
}

/*2019-03-16 フットメニューボタン追加*/

img.under-nav{
width: 49.5%!important;
max-width: 330px!important;
margin: 0!important;
min-width: 230px!important;
border: none!important;
display: inline-block!important;
}

/*2019-03-20 人気記事追加*/
.cms-nav.cms-nav-ranking li {
position: relative;
padding: 0!important;
display: block;
width: 100%;
overflow: hidden;
min-height: 7em;
}

.cms-nav.cms-nav-ranking li::after {
pointer-events: none;
position: absolute;
display: block;
content: '';
letter-spacing: 0em;
font-size: 12px;
font-weight: 700;
top: 0;
left: 30%;
width: 18px;
height: 19px;
padding-top: 0px;
background: #bbb;
text-align: center;
color: #fff;
z-index: 9;
}
.cms-nav.cms-nav-ranking li:nth-child(1)::after {
content: '1';
background: #bca045;
}
.cms-nav.cms-nav-ranking li:nth-child(2)::after {
content: '2';
background: #7d7d7d;
}
.cms-nav.cms-nav-ranking li:nth-child(3)::after {
content: '3';
background: #9b7155;
}
.cms-nav.cms-nav-ranking li:nth-child(4)::after {
content: '4';
}
.cms-nav.cms-nav-ranking li:nth-child(5)::after {
content: '5';
}
.cms-nav.cms-nav-ranking li:nth-child(6)::after {
content: '6';
}
.cms-nav.cms-nav-ranking li:nth-child(7)::after {
content: '7';
}
nav.cms-nav.cms-nav-ranking {
clear: both;
}
.cms-nav-img {
width: 30%;
display: inline-block;
}
.cms-nav-txt {
display: inline-block;
width: 65%;
position: absolute;
top: 0;
left: calc(30% + 0.5em);
}
.cms-nav-tit {
margin: 5px 0;
}
.cms-nav-date {
font-size: 0.9em;
margin-left: 16px;
}
#sidebar nav li a{
padding: 0;
border: 0;
}

@media only screen and (max-width:770px){
.cms-nav.cms-nav-ranking li {
width: 49%;
display: inline-block;
vertical-align: top;
}
.cms-nav-img {
width: 40%;
}
.cms-nav-txt {
width: 57.5%;
left: calc(40% + 0.5em);
}
.cms-nav-tit {
line-height: 1.4;
font-size: 0.85em;
color: #222;
}
.cms-nav-date {
font-size: 0.8em;
color: #aaa;
}
.cms-nav.cms-nav-ranking li::after {
left: 40%;
}
}
@media only screen and (max-width:480px){
.cms-nav-tit {
font-size: 10px;
font-size: 1.0rem;
}
}

/*2019-05-13 公演・イベント最新情報*/
.column_left03{
float: left;
width: 30%;
margin: 1em;
}
.column_left03>img{
display: block;
margin: 0 auto;
max-width: 100%;
}
.column_right06{
float: right;
width: 60%;
margin-right: 1em;
}
.table_com01{
width: 100%;
line-height: 1.3;
}
.btn{
border: #dac79e  1px solid;
border-radius: 3px;
padding: 1px 1px;
width: fit-content;
float: right;
}
.btn>a{
display: block;
border-radius: 3px;
text-align: center;
padding: 5px 15px;
background: #fdf7e4;
text-decoration: none;
color: #9a6f16;
}
.clear{
clear: both;
margin: 0;
}
.btn-floor{
width: 240px;
border: 1px solid #c9ac93;
border-radius: 30px;
margin-bottom: 0.5em;
}
@media only screen and (max-width:480px){
.column_left03 {
width: 100%;
margin: 0;
height: 70vw;
overflow: hidden;
position: relative;
}
.column_left03 img{
width: 100%;
position: absolute;
top: -3vw;
}
.column_right06 {
width: calc(100% - 1em);
margin: 1em;
}
.btn{
width: 100%;
margin: 1em 5px 2em;
float: none;
}
}

/*OHG追記*/
.main iframe{
width: 100%;
}