@import url("./style-common.css");



/********************************************/
/********************************************/
/********************************************/
/********************************************/
/********************************************/
/* アクセス [access]                */
/********************************************/
@media screen and (max-width:600px){
  .access-main {
    background: var(--backcolor);
  }
}
@media screen and (min-width: 600px) and (max-width: 1024px){
  .access-main {
    background: var(--backcolor);
  }
}
@media print , screen and (min-width:1024px){
  .access-main {
    background: var(--backcolor);
  }
}
/*------------------------------------------*/
/* アクセスマップ                           */
/*------------------------------------------*/
@media screen and (max-width:600px){
  .access-areamap-section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .access-areamap-base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .access-areamap {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
  }
  .access-areamap h2.title{
    position: relative;
    z-index:10;
    box-sizing: border-box;
    display: block;
    margin: 32px 10px 0px 10px;
    padding: 16px 16px 16px 16px;
    text-align: left;
    color:#ffffff;
    font-size:24px;
    border-radius: 2px 2px 2px 2px;
    background: rgba(15, 15, 32, 0.4);
    background: -moz-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: linear-gradient(to top left,var(--themecolorcaption-1),var(--themecolorcaption-2));
    /*
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    */
  }
  .access-areamap h2.title::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f5a0  "; 
  }

  .access-areamap-content {
    box-sizing: border-box;
    margin:0;
    padding:0px 10px;
  }

  .access-areamap-content .wp-block-column {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .access-areamap-content .wp-block-column iframe,
  .access-areamap-content .wp-block-column object,
  .access-areamap-content .wp-block-column embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

}
@media screen and (min-width: 600px) and (max-width: 1024px){
  .access-areamap-section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .access-areamap-base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .access-areamap {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
  }
  .access-areamap h2.title{
    position: relative;
    z-index:10;
    box-sizing: border-box;
    display: inline-block;
    margin: 16px 0px 56px 0px;
    padding: 16px 48px;
    text-align: left;
    color:#ffffff;
    font-size:32px;
    border-radius: 0 100vh 100vh 0;
    background: rgba(15, 15, 32, 0.4);
    background: -moz-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: linear-gradient(to top left,var(--themecolorcaption-1),var(--themecolorcaption-2));
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  }
  .access-areamap h2.title::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f5a0  "; 
  }

  .access-areamap-content {
    box-sizing: border-box;
    margin:0;
    padding:0px 10px;
  }

  .access-areamap-content .wp-block-column {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .access-areamap-content .wp-block-column iframe,
  .access-areamap-content .wp-block-column object,
  .access-areamap-content .wp-block-column embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

}
@media print , screen and (min-width:1024px){
  .access-areamap-section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .access-areamap-base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .access-areamap {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
  }
  .access-areamap h2.title{
    box-sizing: border-box;
    position: relative;  
    z-index:0;           
    display: block;
    margin: 16px 0px 72px 0px;
    padding: 16px 0px 0px 0px;
    text-align: center;
    width: 100% ;
    color: #ffffff;
    font-size:40px;
/*    border-radius: 50% 50% 0 0;*/
    background: -moz-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: linear-gradient(to top left,var(--themecolorcaption-1),var(--themecolorcaption-2));
/*
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
*/
  }
  .access-areamap h2.title::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f5a0  "; 
  }
/*
  .access-areamap h2.title:hover {
    background: -moz-linear-gradient(bottom right,var(--themecolorcaption-1l),var(--themecolorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--themecolorcaption-1l),var(--themecolorcaption-2));
    background: linear-gradient(to top left,var(--themecolorcaption-1l),var(--themecolorcaption-2));
  }
*/

  .access-areamap-content {
    box-sizing: border-box;
    margin:0;
    padding:0;
  }




  .access-areamap-content .wp-block-column {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .access-areamap-content .wp-block-column iframe,
  .access-areamap-content .wp-block-column object,
  .access-areamap-content .wp-block-column embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }


}


/*------------------------------------------*/
/* アクセスガイド                           */
/*------------------------------------------*/
@media screen and (max-width:600px){
  .access-guide-section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .access-guide-base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .access-guide {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
  }
  .access-guide h2.title{
    position: relative;
    z-index:10;
    box-sizing: border-box;
    display: block;
    margin: 32px 10px 0px 10px;
    padding: 16px 16px 16px 16px;
    text-align: left;
    color:#ffffff;
    font-size:24px;
    border-radius: 2px 2px 2px 2px;
    background: rgba(15, 15, 32, 0.4);
    background: -moz-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: linear-gradient(to top left,var(--themecolorcaption-1),var(--themecolorcaption-2));
    /*
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    */
  }
  .access-guide h2.title::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f4d9  "; 
  }

  .access-guide-content {
    box-sizing: border-box;
    margin:0;
    padding:0px 10px;
  }

}
@media screen and (min-width: 600px) and (max-width: 1024px){
  .access-guide-section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .access-guide-base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .access-guide {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
  }
  .access-guide h2.title{
    position: relative;
    z-index:10;
    box-sizing: border-box;
    display: inline-block;
    margin: 16px 0px 56px 0px;
    padding: 16px 48px;
    text-align: left;
    color:#ffffff;
    font-size:32px;
    border-radius: 0 100vh 100vh 0;
    background: rgba(15, 15, 32, 0.4);
    background: -moz-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: linear-gradient(to top left,var(--themecolorcaption-1),var(--themecolorcaption-2));
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  }
  .access-guide h2.title::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f4d9  "; 
  }
  .access-guide-content {
    box-sizing: border-box;
    margin:0;
    padding:0px 10px;
  }


}
@media print , screen and (min-width:1024px){
  .access-guide-section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .access-guide-base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .access-guide {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
  }
  .access-guide h2.title{
    box-sizing: border-box;
    position: relative;  
    z-index:0;           
    display: block;
    margin: 16px 0px 72px 0px;
    padding: 16px 0px 0px 0px;
    text-align: center;
    width: 100% ;
    color: #ffffff;
    font-size:40px;
/*    border-radius: 50% 50% 0 0;*/
    background: -moz-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: linear-gradient(to top left,var(--themecolorcaption-1),var(--themecolorcaption-2));
/*
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
*/
  }
  .access-guide h2.title::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f4d9  "; 
  }
/*
  .access-guide h2.title:hover {
    background: -moz-linear-gradient(bottom right,var(--themecolorcaption-1l),var(--themecolorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--themecolorcaption-1l),var(--themecolorcaption-2));
    background: linear-gradient(to top left,var(--themecolorcaption-1l),var(--themecolorcaption-2));
  }
*/

  .access-guide-content {
    box-sizing: border-box;
    margin:0;
    padding:0;
  }

}




/*------------------------------------------*/
/*                            */
/*------------------------------------------*/
@media screen and (max-width:600px){
  .access--section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .access--base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .access- {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
  }
  .access- h2.title{
    position: relative;
    z-index:10;
    box-sizing: border-box;
    display: block;
    margin: 32px 10px 0px 10px;
    padding: 16px 16px 16px 16px;
    text-align: left;
    color:#ffffff;
    font-size:24px;
    border-radius: 2px 2px 2px 2px;
    background: rgba(15, 15, 32, 0.4);
    background: -moz-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: linear-gradient(to top left,var(--themecolorcaption-1),var(--themecolorcaption-2));
    /*
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    */
  }
  .access- h2.title::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f4d9  "; 
  }

  .access--content {
    box-sizing: border-box;
    margin:0;
    padding:0px 10px;
  }

}
@media screen and (min-width: 600px) and (max-width: 1024px){
  .access--section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .access--base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .access- {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
  }
  .access- h2.title{
    position: relative;
    z-index:10;
    box-sizing: border-box;
    display: inline-block;
    margin: 16px 0px 56px 0px;
    padding: 16px 48px;
    text-align: left;
    color:#ffffff;
    font-size:32px;
    border-radius: 0 100vh 100vh 0;
    background: rgba(15, 15, 32, 0.4);
    background: -moz-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: linear-gradient(to top left,var(--themecolorcaption-1),var(--themecolorcaption-2));
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  }
  .access- h2.title::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f4d9  "; 
  }
  .access--content {
    box-sizing: border-box;
    margin:0;
    padding:0px 10px;
  }


}
@media print , screen and (min-width:1024px){
  .access--section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .access--base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .access- {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
  }
  .access- h2.title{
    box-sizing: border-box;
    position: relative;  
    z-index:0;           
    display: block;
    margin: 16px 0px 72px 0px;
    padding: 16px 0px 0px 0px;
    text-align: center;
    width: 100% ;
    color: #ffffff;
    font-size:40px;
/*    border-radius: 50% 50% 0 0;*/
    background: -moz-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: linear-gradient(to top left,var(--themecolorcaption-1),var(--themecolorcaption-2));
/*
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
*/
  }
  .access- h2.title::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f4d9  "; 
  }
/*
  .access-guide h2.title:hover {
    background: -moz-linear-gradient(bottom right,var(--themecolorcaption-1l),var(--themecolorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--themecolorcaption-1l),var(--themecolorcaption-2));
    background: linear-gradient(to top left,var(--themecolorcaption-1l),var(--themecolorcaption-2));
  }
*/

  .access--content {
    box-sizing: border-box;
    margin:0;
    padding:0;
  }

}