@charset "UTF-8";
/* CSS Document */

/*ALL*/
.btn_hosoku{ text-align: center; font-size: 18px; font-family: 'Roboto Condensed', sans-serif; line-height: 1.62; padding-bottom: 35px; }

/*VISA*/
.kakomiBox{
 margin: 0 0 3em 0;
 padding: 1em;
 width: 100%;
 background-color: #fff; /* 背景色 */
 border: 1px solid #ccc; /* 枠線 */
}


/*Social*/
.social span.blue-underline { position: relative; z-index: 3; color: blue !important;}
.social span.blue-underline:before { content: ""; margin: 0 auto; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: royalblue; z-index: -1; }

/*TRAVER SUPPORT*/
.program__speakers__content1__container span.blue-underline { position: relative; z-index: 3; color: blue !important;}
.program__speakers__content1__container span.blue-underline:before { content: ""; margin: 0 auto; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: royalblue; z-index: -1; }
.program__speakers__content1__container span.black-underline { position: relative; z-index: 3; color: black!important;}
.program__speakers__content1__container span.black-underline:before { content: ""; margin: 0 auto; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: #000000; z-index: -1; }
.jtb_txt p{}
.jtb_txt {font-size: 20px !important;}
.kakomiBox_red{
 margin: 0 0 3em 0;
 padding: 1em;
 width: 100%;
 background-color: #fff; /* 背景色 */
 border: 2px solid #B3212C; /* 枠線 */
}
.travel__support__content__container p { font-size: 18px; line-height: 1.62; font-family: 'Roboto Condensed', sans-serif; text-align: left; }
.travel__support__content__container .online__hotelbooking__btn { margin: 0 auto; padding: 8px 0; width: 100%; max-width: 269px; font-size: 16px; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; line-height: normal; background-color: #B63040; display: block; text-align: center; color: #fff; box-sizing: border-box; opacity: 1; transition: all .5s ease; }
.travel__support__content__container .online__hotelbooking__btn:hover { opacity: .7; }

/* 
========================================== 
Explore-kyoto
link: apsr2020/venue&travel/access/kyoto
========================================== 
*/
.social { margin: 0 auto; margin-bottom: 90px; width: 100%; }
.social .social__headTxt { font-size: 18px; margin-bottom: 40px; line-height: 1.62; font-family: 'Roboto Condensed', sans-serif; text-align: left; }
.social .about__social h1 { margin-bottom: 10px; font-family: 'Roboto Condensed', sans-serif; font-size: 24px; font-weight: bold; line-height: 1.62; color: 
    #b3212c; text-align: left;}
.social .Social_midashi h3 { text-align: left; color: #b3212c; font-size: 18px; font-weight: 100; line-height: 1.62; font-family: 'Roboto Condensed', sans-serif; }
.social .grid__itemContent1 { margin: 0 auto; margin-bottom: 30px; width: 100%; display: block; letter-spacing: 0; font-size: 0; }
.social .grid__itemContent1 .grid__item1 { display: inline-block; width: 52%; padding-right: 33px; vertical-align: top; }
.social .grid__itemContent1 .grid__item1 p { padding: 0 0 1em 1em; text-align: justify; font-family: 'Roboto Condensed', sans-serif; font-size: 18px; line-height: 1.62; color: #000; }
/*.social .grid__itemContent1 .grid__item1 p:last-child { padding: 0; }*/
.social .grid__itemContent1 .grid__item2 { width: 45%; vertical-align: middle; display: inline-block; }
.social .grid__itemContent1 .grid__item2 img { width: 100%; transition: all .3s linear; }
.social .grid__itemContent2 { margin: 0 auto; margin-bottom: 40px; width: 100%; display: block; letter-spacing: 0; font-size: 0; }
.social .grid__itemContent2 .grid__item1 { display: inline-block; width: 51.5%; vertical-align: top; }
.social .grid__itemContent2 .grid__item1 p { padding: 0 0 10px; font-family: 'Roboto Condensed', sans-serif; text-align: justify; font-size: 18px; line-height: 1.62; color: #000; }
.social .grid__itemContent2 .grid__item1 p:last-child { padding: 0; }
.social .grid__itemContent2 .grid__item2 { width: 45%; padding-right: 35px; vertical-align: middle; display: inline-block; }
.social .grid__itemContent2 .grid__item2 img { width: 100%; transition: all .3s linear; }
.social .explore__kyoto { margin: 0 auto; margin-bottom: 30px; width: 100%; display: block; letter-spacing: 0; font-size: 0; }
.social .explore__kyoto h2 { font-weight: 600; font-size: 24px; line-height: 1.62; font-family: 'Roboto Condensed', sans-serif; color: #b3212c; text-align: left; }
.social .explore__kyoto p { font-family: 'Roboto Condensed', sans-serif; font-size: 18px; line-height: 1.62; color: #000; text-align: left; }
.social .explore__kyoto span a { color: blue; opacity: 1; transition: all .4s linear; }
.social .explore__kyoto span a:hover { opacity: .6; }
.social .explore__kyoto span.txt-underline { color: blue; position: relative; z-index: 1; }
.social .explore__kyoto span.txt-underline:before { content: ""; margin: 0 auto; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: royalblue; z-index: -1; }

.querymodal.querymodal__img { max-width: 60%; }

.blocker { z-index: 11; }




@media screen and (max-width: 767px) {     /* 
========================================== 
Social-E
link: apsr2020/venue&travel/access/kyoto
========================================== 
*/
  .social { margin: 0 auto; margin-bottom: 60px; width: 100%; }
  .social .social__headTxt { padding: 0px 0 10px; font-size: 18px; text-align: left; line-height: 1.62; color: #000; }
  .social .about__Kyoto h1 { text-align: left; color: #b3212c; font-size: 24px; font-weight: 600; line-height: 1.62; font-family: 'Roboto Condensed', sans-serif; }
  .social .grid__itemContent1 { margin: 0 auto; margin-bottom: 30px; width: 100%; display: block; letter-spacing: 0; font-size: 0; }
  .social .grid__itemContent1 .grid__item1 { display: block; width: 100%; padding-right: 0; vertical-align: top; }
  .social .grid__itemContent1 .grid__item1 p { padding: 0px 0 15px; text-align: justify; font-size: 18px; line-height: 1.62; color: #000; }
  .social .grid__itemContent1 .grid__item1 p:last-child { margin-bottom: 25px; padding: 0; }
  .social .grid__itemContent1 .grid__item2 { width: 100%; vertical-align: middle; display: block; }
  .social .grid__itemContent1 .grid__item2 img { width: 100%; }
  .querymodal.querymodal__img { max-width: 100%; }
  .modal { width: 100%; }