@media screen and (min-width: 1100px) {

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

img {
    max-width: 100%;
}

p {
    line-break: strict;
}

ul li {
    list-style-type: none;
}



main .main img {
    width: 100%;
}

main .title {
    padding: 35px 0 0 0;
}

main .title--inner h1.main-title {
    text-align: center;
    margin-top: 60px;
}

main .title--inner h1.text {
    margin-top: 20px;
    text-align: center;
    font-size: 1rem;
    line-height: 1.0;
    font-family: "Noto Sans Japanese";
    color: #303782;
    letter-spacing: .12em;
}

main .title--inner p {
    margin-top: 11px;
    font-size: 3.0rem;
    line-height: 1.0;
    text-align: center;
    color: #303782;
    /*font-family: "Roboto Condensed", sans-serif;*/
    font-family: 'Permanent Marker', cursive;
}

main .title--inner h1.main-title img {
    max-width: 512px;
}

main .title--inner--anchor {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

main .title--inner--anchor li:not(:last-child) {
    margin-right: 35px;
}

main .title--inner--anchor li {
    max-width: 172px;
    width: 100%;
}

main .title--inner--anchor li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    font-family: "Noto Sans Japanese";
    font-size: 1.7rem;
    line-height: 1.0;
    text-align: center;
    background-color: #de0012;
    padding: 15px 0;
    border-radius: 4px;
    position: relative;
}

main .title--inner--anchor li a:after {
    content: '';
    display: block;
    width: 20px;
    height: 18px;
    background: url(../images/cafe/tokyo/img-arrow@2x_pc.png) no-repeat 0 0/cover;
    margin: 6px auto 0 auto;
}

main .title--inner--list {
    margin: 60px auto 0 auto;
    max-width: 700px;
}

main .title--inner--list dl:not(:first-child) {
    margin-top: 20px;
}

main .title--inner--list dl:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px dashed #4267b2;
}

main .title--inner--list dl {
    display: flex;
    align-items: center;
    line-height: 1.0;
}

main .title--inner--list dl.active {
    color: #de0012;
}

main .title--inner--list dl dd {
    font-size: 1rem;
    letter-spacing: 0.2em;
    padding-left: 1em;
    /* font-family: 'Sawarabi Mincho', sans-serif; */
    line-height: 30px;
}

main .title--inner--list dl dt {
    font-size: 1rem;
    letter-spacing: 0.12em;
    min-width: 3.5em;
    /* font-family: 'Sawarabi Mincho', sans-serif; */
    font-weight: bold;
}

.cafe-title {
    text-align: center;
    line-height: 1.0;
}

.cafe-title h3 {
    color: #002a6e;
    /*font-family: "Roboto Condensed", sans-serif;*/
    font-family: 'Pathway Gothic One', sans-serif;
    font-size: 6.0rem;
    letter-spacing: .12em;
    margin-top: 100px;
    padding-top:50px;
}


.concept--inner--lead {
    text-align: center;
    margin-top: 30px;
}

.concept--inner--lead p {
    width: 100% !important;
    margin-top: 40px;
    margin-bottom: 40px;
    /*font-family: 'Sawarabi Mincho', sans-serif;*/
    font-size: 20px;
    line-height: 36px;
    text-align: left;
}

main .concept .concept--inner {
    background-color: #ffffffb5;
    max-width: 996px;
    margin: 0 auto;
    padding: 0px 60px 90px 60px;
    border-radius: 30px;
}

main .concept .store--list--box h4 {
    max-width: 490px;
    margin: 0 auto 30px auto;
    background-color: #ff8901;
    color: #fff;
    text-align: center;
    line-height: 1.0;
    font-size: 1.2rem;
    font-family: 'Noto Sans JP', sans-serif;
    padding: 10px 30px;
    border-radius: 40px;
    letter-spacing: .12em;
}

/* store */

main .contents {
    margin-top: 60px;
    /*background-color: #ebebeb;*/
    padding: 60px 0 85px 0;
}

main .contents .store, .cafe main .contents .cafemenu {
    background-color: #ffcf00;
    background-image: url("/cycle/img/tour/background_01.jpg");
    max-width: 996px;
    margin: 0 auto;
    padding: 1px 60px 60px 60px;
    border-radius: 30px;
    background-size: cover;
}

main .contents .cafemenu {
    margin-top: 70px;
}

.cafe-title {
    text-align: center;
    line-height: 1.0;
}

main .contents .store--list {
    margin-top: 30px;
}

main .contents .store--title {
    text-align: center;
    margin-top: 30px;
}

main .contents .store--title h3 {
    color: #de0012;
    line-height: 1.0;
    font-family: "Noto Sans Japanese";
    font-size: 2.5rem;
    font-weight: bold;
}

main .contents .store--title p {
    margin-top: 10px;
    line-height: 1.0;
    font-family: "Noto Sans Japanese";
    font-size: 1.7rem;
}

main .contents .store--list--box h4 {
    max-width: 490px;
    margin: 0 auto;
    background-color: #ff8901;
    color: #fff;
    text-align: center;
    line-height: 1.7;
    font-size: 1.2rem;
    font-family: 'Noto Sans JP', sans-serif;
    padding: 10px 30px;
    border-radius: 40px;
    letter-spacing: .12em;
}

main .contents .store--list--box p {
    max-width: 450px;
    margin: 15px auto 20px 220px;
    /* text-align: center; */
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 0.8rem;
    line-height: 25px;
}

/*main .contents .store--list--box .map {
    max-width: 786px;
    height: 400px;
    margin: 25px auto 0 auto;
}

main .contents .store--list--box .map iframe {
    width: 100%;
    height: 100%;
}*/

main .contents .store--list--box .btn-square-so-pop{
  position: relative;
    display: inline-block;
    padding: 1.25em 5.5em;
    text-decoration: none;
    color: #FFF;
    background: #595bff;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    margin-top: 25px;
    font-size: 26px;
    border: solid 2px #ffffff;
}

main .contents .store--list--box .btn-square-so-pop:active {
  /*押したとき*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top:30px;
}
 
.map iframe,
.map object,
.map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.access_lead{
    width:300px;
    margin:80px auto 0px auto;
    text-align: center;
    padding:30px;
    margin-top:60px;
    border:solid 1px #c3c3c3;
    background-color: yellow;
}


#information{
    width: 900px;
    margin:150px auto 70px auto;
    background-color: #9e9e9e24;
    line-height: 30px;
    padding-bottom:30px;
}

#information p{
    font-size:15px;
    padding:25px 60px;
}

#information .informationtitle_list{
    padding:0px 60px 30px 60px;
    font-weight: bold;
}

#information .informationtitle_list p{
    text-align: center;
    font-size:20px;
    /*color:red;*/
    font-weight:bold;
}

#information .informationtitle_list ul{
    background-color: #ffffff;
    padding: 30px;
}

.informationtitle h4{
    font-weight: bold;
    font-size:20px;
    text-align: center;
    background-color: #ffda6b;
    padding: 20px 10px;
}

#information .link a{
    font-weight:bold;
    color:#0042bd;
}


/* calendar */

*::after,
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    color: #333;
    background: #EFECE5;
    font-size: 14px;
}

#wrap {
    padding: 0 5%;
}

#calendar.calendar {
    width:100%;
}

#mini-calendar .calendar_img {
    width:880px;
    text-align: center;
    margin: 40px auto;
    height: 700px;
    overflow: scroll;
    overflow-x: hidden;
    position: relative;
}

#mini-calendar .calendar_img img {
    width:100%;
}

#mini-calendar .calendar_img .sticky-container {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;

  width: 100%;
  height: 100%

  pointer-events: none;
}


#mini-calendar .calendar_img .scrollable-body {
  position: absolute;
  left: 0;
  top: 100px;
  z-index: 0;
}


.accessmap {
    width:100%;
    text-align: center;
    margin:55px 0px 20px 0px;
}

.accessmap img{
    width:40%;
}

.access{
    width:1200px;
    margin:30px auto 0px auto;
}


.announce p{
    margin:20px 0px 20px 0px;
    font-size:12px;
    text-align: center;
}

#left_access{
    width:590px;
    margin:0 auto;
    background-color: #e8e8e8;
    padding: 0px 30px 0px 30px;
    border-radius: 30px;
    float:left;
    margin-bottom: 100px;
}

#right_access{
    width:590px;
    margin:0 auto;
    background-color: #e8e8e8;
    padding: 0px 30px 0px 30px;
    border-radius: 30px;
    float:right;

}

#left_access h2{
    /*width: 300px;
    padding: 20px;
    text-align: center;
    border: solid 1px #c3c3c3;
    margin: 50px auto 20px auto;
    font-size: 13px;
    color: #888888;
    line-height: 25px;
    background-color: yellow*/
    width: 370px;
    margin: 30px auto;
    background-color: #ff8901;
    color: #fff;
    text-align: center;
    line-height: 1.7;
    font-size: 0.8rem;
    font-family: 'Noto Sans JP', sans-serif;
    padding: 10px 30px;
    border-radius: 40px;
    letter-spacing: .12em;

}

#right_access h2{
    /*width: 300px;
    padding: 20px;
    text-align: center;
    border: solid 1px #c3c3c3;
    margin: 50px auto 20px auto;
    font-size: 13px;
    color: #888888;
    line-height: 25px;
    background-color: yellow*/
    width: 370px;
    margin: 30px auto;
    background-color: #ff8901;
    color: #fff;
    text-align: center;
    line-height: 1.7;
    font-size: 0.8rem;
    font-family: 'Noto Sans JP', sans-serif;
    padding: 10px 30px;
    border-radius: 40px;
    letter-spacing: .12em;

}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}


#left_access .main{
    width:400px;
    margin:0 auto;
}

#right_access .main{
    width:400px;
    margin:0 auto;
}

.description{
    overflow: hidden;
    position: relative;
    margin:20px 0px;
    border-radius: 10px;
}

.arrow{
    width:400px;
    text-align: center;
}

.arrow img{
    width:30px !important;
}

.description img{
    width:400px !important;
}

.description p{
    padding-top:15px;
    font-size:10px;
    line-height: 25px;
    font-weight:lighter;
}

.cycle_access{
    max-width:1200px;
    margin:15px auto;
    background-color: #fff;
    padding: 20px 30px 30px 30px;
    border-radius: 30px;
}


#cycleaccess h2{
    /*width: 300px;
    padding: 20px;
    text-align: center;
    border: solid 1px #c3c3c3;
    margin: 50px auto 20px auto;
    font-size: 13px;
    color: #888888;
    line-height: 25px;
    background-color: yellow*/

    width: 370px;
    margin: 30px auto;
    background-color: #ff8901;
    color: #fff;
    text-align: center;
    line-height: 1.7;
    font-size: 0.8rem;
    font-family: 'Noto Sans JP', sans-serif;
    padding: 10px 30px;
    border-radius: 40px;
    letter-spacing: .12em;

}

.add_description {
    text-align: center;
}

.add_cont{
    width:345px;
    display:inline-block;
    overflow: hidden;
    position: relative;
    margin: 20px 10px;
    border-radius: 10px;
    vertical-align: top;

}

.add_cont p{
    padding-top: 15px;
    font-size: 10px;
    line-height: 15px;
    font-weight: lighter;
    text-align: left;
}

#menue {
    background-color: #ffcf00;
    background-image: url(/cycle/img/tour/background_01.jpg);
    max-width: 1100px;
    margin: 80px auto;
    padding: 1px 60px 60px 60px;
    border-radius: 30px;
    background-size: cover;
}

#menue h3 {
    color: #002a6e;
    /* font-family: "Roboto Condensed", sans-serif; */
    font-family: 'Pathway Gothic One', sans-serif;
    font-size: 6.0rem;
    letter-spacing: .12em;
    /*margin-top: 100px;*/
    padding-top: 100px;
    text-align: center;
}

#menue h4{
    width:60%;
    margin: 60px auto 0px auto;
    background-color: #ff8901;
    color: #fff;
    text-align: center;
    line-height: 1.7;
    font-size: 1.2rem;
    font-family: 'Noto Sans JP', sans-serif;
    padding: 10px 30px;
    border-radius: 40px;
    letter-spacing: .12em;

}


#menue h2{
    text-align: center;
}

#menue p {
    width:260px;
    margin:20px 10px 20px 10px;
    font-weight:normal;
    line-height: 2;
    vertical-align: top;

}

.food_menue_a {
    text-align: center;
    margin-top: 50px;
}


.food_menue_a img {
    width:80%;
    margin:0 auto;
}

.food_menue_a p{
    display: inline-block;
    font-size:1em;

}

.food_menue_b {
    text-align: center;
}


.food_menue_b img {
    width:80%;
    margin:0 auto;
}

/*.food_menue_b img.drink_ {
    width:40%;
    margin:0 auto;
}*/

.food_menue_b p{
    display: inline-block;
    font-size:1em;
}

#menue .food_menue_a p.good_1{
    width:380px !important;
}

#menue .food_menue_a p.good_2{
    width:380px !important;
}

#menue .food_menue_b p.good_3{
    width:380px !important;
}

#menue .food_menue_b p.good_4{
    width:380px !important;
}

.event_lead p{
    text-align: center;
    margin-top: 70px;
    font-size: 25px;
    line-height: 45px;
}


.goods {
    background-color: #ffffffb5;
    max-width: 996px;
    margin: 60px auto;
    padding: 0px 60px 170px 60px;
    border-radius: 30px;
}

.goods .btn-gradient-3d-simple{
    display: inline-block;
    padding: 1.2em 6em;
    text-decoration: none;
    border-radius: 4px;
    color: #000000;
    background-image: linear-gradient(#fded64 0%, #ffbb67 100%);
    box-shadow: 0px 2px 2px rgb(0 0 0 / 29%);
    border-bottom: solid 3px #8c5400;
    font-size: 21px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: -30px;
}

.goods .btn-gradient-3d-simple:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

.goodsname {
    font-size: 20px;
    background-color: white;
    padding: 3px 10px 3px 10px;
    font-family: 'Pathway Gothic One';
}

.price {
    font-size: 20px;
    background-color: white;
    padding: 3px 10px 3px 10px;
    font-family: 'Pathway Gothic One';
    margin-top:5px;
}

.menutitle{
    margin-top: 50px;
}

.menue_leadtext{
    font-size: 15px !important;
}

.food_menue_c{
    width:860px;
    text-align: center;
    margin: 50px 0 10px 0;
}

.food_menue_c p{
    width:23%;
    padding:0px;
    display: inline-block;
    margin:0px !important;
}

.food_menue_c .goodsname {
    font-size:15px;
}

.food_menue_c .price{
    font-size:15px;
}





/*.modal {
  display: none;
  position: fixed;
  top: 56%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
  text-align: center;
  background: #fff;
  padding: 30px;
  width: 830px;
  text-align: left;

}


.modal-cont img{
    width:830px !important;
}
 
.modal-overlay{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0,0,0,0.65);
  z-index: 1;
}

.btn-modal-close{
    text-align: center;
    margin-top: 20px
    border:solid 1px #c3c3c3 ;
    padding:20px;
}
 
.modal-open,
.modal-close {
  cursor: pointer;
}*/






/*@media screen and (max-width: 600px) {
    #wrap {
        padding: 0 5px;
    }
}

#calendar.calendar {
    width:100%;
}

#mini-calendar .calendar-year-month {
    text-align: center;
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: bold;
}
#mini-calendar table {
    width: 90%;
    border-spacing: 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-bottom: 0;
    line-height: 1.5;
    border-collapse: separate;
    margin: 50px auto;
}
#mini-calendar th,
#mini-calendar td {
    background: #fff;
    padding: 7px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#mini-calendar th {
    color: #002a6e;
    background: #f8d023;
    vertical-align: top;
    padding-top: 7px;
    padding-bottom: 7px;
}


#mini-calendar td {
    width: 14.3%;
    height: 100px;
    vertical-align: top;
}
#mini-calendar td.calendar-day-off {
    background: #F4F3F2;
    color: #555;
}
#mini-calendar td.calendar-holiday,
#mini-calendar td.calendar-sun {
    color: #CE2727;
    background: #FCF3F3;
}
#mini-calendar td.calendar-sat {
    color: #54AFC8;
    background: #F5FBFE;
}

#mini-calendar .calendar-day-number {
    font-style: normal;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    display: block;
    padding: 0 3px;
    line-height: 1.2;
}
#mini-calendar td.calendar-holiday .day,
#mini-calendar td.calendar-sun .day {
    color: #DF0D2D;
}
#mini-calendar td.calendar-sat .day {
    color: #2574D3;
}
#mini-calendar td span {
    font-size: 11px;
    line-height: 1.3;
    display: block;
}
#mini-calendar [class*=calender-label] {
    font-size: 11px;
    line-height: 1.3;
    color: #000;
    background: #FCEBCF;
    border: solid 1px #D2AC8E;
    display: block;
    padding: 3px;
    margin-top: 3px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}
#mini-calendar td span.calender-label-red {
    background-color: #FCCFD1;
    border-color: #D28EA6;
}
#mini-calendar td span.calender-label-blue {
    background-color: #CFE4FC;
    border-color: #8E9BD2;
}
#mini-calendar td span.calender-label-green {
    background-color: #E5FCCF;
    border-color: #99C170;
}

*/

/* 何もない日 */
/*#mini-calendar td.calendar-none {
    background: #FBFAF7;
}
#mini-calendar td.calendar-today {
    background: #FEFBDA;
}

@media screen and (max-width: 600px) {
    #mini-calendar thead {
        display: none;
    }
    #mini-calendar th,
    #mini-calendar td {
        display: block;
        width: 100%;
        padding: 0;
    }
    #mini-calendar td {
        height: auto;
        display: -webkit-flex;
        display: flex;
    }
    #mini-calendar .calendar-none {
        display: none
    }

    #mini-calendar .calendar-labels {
        padding: 5px;
    }
    #mini-calendar [class*=calender-label] {
        display: inline-block;
        padding: 5px;
        margin-top: 0;
        margin-right: 5px;
        font-size: 12px;
    }

    */

    /* 日付 */
    /*#mini-calendar td .calendar-day-number {
        font-weight: normal;
        padding: 7px;
        font-size: 18px;
        display: block;
        background: #f2e6cd;
        margin-bottom: 0;
        width: 75px;
        height: auto;
    }
    #mini-calendar td.calendar-holiday .calendar-day-number,
    #mini-calendar td.calendar-sun .calendar-day-number {
        background: #f8c7c7;
    }

    #mini-calendar td.calendar-sat .calendar-day-number {
        background: #c8ebfe;
    }*/

    /* モバイル用曜日を追加 */
   /*#mini-calendar td i:after {
        font-size: 12px;
        position: relative;
        left: -5px;
    }
    #mini-calendar td:nth-child(1) i:after {
        content: "（日）";
    }
    #mini-calendar td:nth-child(2) i:after {
        content: "（月）";
    }
    #mini-calendar td:nth-child(3) i:after {
        content: "（火）";
    }
    #mini-calendar td:nth-child(4) i:after {
        content: "（水）";
    }
    #mini-calendar td:nth-child(5) i:after {
        content: "（木）";
    }
    #mini-calendar td:nth-child(6) i:after {
        content: "（金）";
    }
    #mini-calendar td:nth-child(7) i:after {
        content: "（土）";
    }
}*/

}

@media screen and (max-width: 1100px) {
	h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

img {
    max-width: 100%;
}

p {
    line-break: strict;
}

ul li {
    list-style-type: none;
}



main .main img {
    width: 100%;
    /*margin-top: 35px;*/
}

main .title {
    padding: 35px 0 0 0;
}

main .title--inner h1.main-title {
    text-align: center;
    margin-top: 60px;
}

main .title--inner h1.text {
    margin-top: 20px;
    text-align: center;
    font-size: 1rem;
    line-height: 1.0;
    font-family: "Noto Sans Japanese";
    color: #303782;
    letter-spacing: .12em;
}

main .title--inner p {
    margin-top: 11px;
    font-size: 3.0rem;
    line-height: 1.0;
    text-align: center;
    color: #303782;
    /*font-family: "Roboto Condensed", sans-serif;*/
    font-family: 'Permanent Marker', cursive;
}

main .title--inner h1.main-title img {
    max-width: 100%;
}

main .title--inner--anchor {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

main .title--inner--anchor li:not(:last-child) {
    margin-right: 35px;
}

main .title--inner--anchor li {
    max-width: 172px;
    width: 100%;
}

main .title--inner--anchor li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    font-family: "Noto Sans Japanese";
    font-size: 1.7rem;
    line-height: 1.0;
    text-align: center;
    background-color: #de0012;
    padding: 15px 0;
    border-radius: 4px;
    position: relative;
}

main .title--inner--anchor li a:after {
    content: '';
    display: block;
    width: 20px;
    height: 18px;
    background: url(../images/cafe/tokyo/img-arrow@2x_pc.png) no-repeat 0 0/cover;
    margin: 6px auto 0 auto;
}

main .title--inner--list {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 440px;
}

main .title--inner--list dl:not(:first-child) {
    margin-top: 20px;
}

main .title--inner--list dl:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px dashed #4267b2;
}

main .title--inner--list dl {
    display: flex;
    align-items: center;
    line-height: 1.0;
}

main .title--inner--list dl.active {
    color: #de0012;
}

main .title--inner--list dl dd {
    font-size: 0.9rem;
    letter-spacing: .2em;
    line-height: 2em;
    padding-left: 1em;
    /*font-family: 'Sawarabi Mincho', sans-serif;*/
    font-weight: bold;
}

main .title--inner--list dl dt {
    font-size: 1rem;
    letter-spacing: 0.12em;
    min-width: 3.5em;
    /*font-family: 'Sawarabi Mincho', sans-serif;*/
    color: #b3b3b3;
    font-weight: bold;
}

.cafe-title {
    text-align: center;
    line-height: 1.0;
}

.cafe-title h3 {
    color: #002a6e;
    /*font-family: "Roboto Condensed", sans-serif;*/
    font-family: 'Pathway Gothic One', sans-serif;
    font-size: 3.0rem;
    letter-spacing: .12em;
    margin-top: 100px;
    padding-top:50px;
}

.concept--inner--lead {
    text-align: left;
    margin-top: 30px;
}

.concept--inner--lead p {
    width:100%;
    margin-top: 40px;
    margin-bottom: 40px;
    /*font-family: 'Sawarabi Mincho', sans-serif;;*/
    font-size: 20px;
    line-height: 36px;
    text-align: left;
}

main .concept .concept--inner {
    background-color: #fff;
    max-width: 996px;
    margin: 0 auto;
    padding: 0px 20px 90px 20px;
    border-radius: 30px;
}

main .concept .store--list--box h4 {
    max-width: 490px;
    margin: 0 auto 30px auto;
    background-color: #ff8901;
    color: #fff;
    text-align: center;
    line-height: 1.0;
    font-size: 1.2rem;
    font-family: 'Noto Sans JP', sans-serif;
    padding: 10px 30px;
    border-radius: 40px;
    letter-spacing: .12em;
}

/* store */

main .contents {
    margin-top: 60px;
    background-color: #ebebeb;
    padding: 60px 0 85px 0;
}

main .contents .store, .cafe main .contents .cafemenu {
    background-color: #ffcf00;
    background-image: url("/cycle/img/tour/background_01.jpg");
    max-width: 996px;
    margin: 0 auto;
    padding: 1px 30px 60px 30px;
    border-radius: 30px;
    background-size: cover;
}

main .contents .cafemenu {
    margin-top: 70px;
}

.cafe-title {
    text-align: center;
    line-height: 1.0;
}


main .contents .store--list {
    margin-top: 30px;
}

main .contents .store--title {
    text-align: center;
    margin-top: 30px;
}

main .contents .store--title h3 {
    color: #de0012;
    line-height: 1.0;
    font-family: "Noto Sans Japanese";
    font-size: 2.5rem;
    font-weight: bold;
}

 main .contents .store--title p {
    margin-top: 10px;
    line-height: 1.0;
    font-family: "Noto Sans Japanese";
    font-size: 1.7rem;
}

main .contents .store--list--box{
	width:100%;

}

main .contents .store--list--box h4 {
    /*max-width: 490px;*/
    width: 300px;
    margin: 0 auto;
    background-color: #ff8901;
    color: #fff;
    text-align: center;
    line-height: 1.7;
    font-size: 0.8rem;
    font-family: 'Noto Sans JP', sans-serif;
    padding: 10px 30px;
    border-radius: 40px;
    letter-spacing: .12em;
}

main .contents .store--list--box p {
    /* max-width: 450px;
    margin: 15px auto 20px 220px;
    text-align: center; */
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 0.8rem;
    line-height: 25px;
    padding: 20px 0;
}

main .contents .store .cafe-title h3 {
    color: #002a6e;
    /* font-family: "Roboto Condensed", sans-serif; */
    font-family: 'Pathway Gothic One', sans-serif;
    font-size: 3.0rem;
    letter-spacing: .12em;
    margin-top: 20px;
    padding-top: 30px;

 }

 main .contents .store .cafe-title h2 {
    padding-top:20px;

 }



/*main .contents .store--list--box .map {
    max-width: 786px;
    height: 400px;
    margin: 25px auto 0 auto;
}

main .contents .store--list--box .map iframe {
    width: 100%;
    height: 100%;
}*/


main .contents .store--list--box .btn-square-so-pop{
   position: relative;
    display: inline-block;
    padding: 10px 10px;
    text-align: center;
    width: 100%;
    text-decoration: none;
    color: #FFF;
    background: #595bff;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    margin-top: 25px;
    font-size: 15px;
    border: solid 2px #ffffff;
}

main .contents .store--list--box .btn-square-so-pop:active {
  /*押したとき*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}



.map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 30px;
}
 
.map iframe,
.map object,
.map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.access_lead{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 24px 0px;
    font-size: 0.8em;
    margin-top: 60px;
    border: solid 1px #c3c3c3;
    background-color: yellow;
}

/* calendar */

*::after,
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    color: #333;
    background: #EFECE5;
    font-size: 14px;
}

#wrap {
    padding: 0 5%;
}

#calendar.calendar {
    width:100%;
}

#mini-calendar .calendar_img {
    width:100%;
    text-align: center;
    margin: 40px auto;
    height: 700px;
    /*overflow: scroll;*/
    /*overflow-x: hidden;*/
    overflow-x: scroll;
    overflow-y: scroll;
    position: relative;

}

#mini-calendar .calendar_img img {
    width:100%;
}

#mini-calendar .calendar_img .sticky-container {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: -2px;
  z-index: 1;

  width: 100%;
  height: 100%

  pointer-events: none;
}


#mini-calendar .calendar_img .scrollable-body {
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 0;
}

.accessmap {
    width:100%;
    text-align: center;
    margin:55px 0px 20px 0px;
}

.accessmap img{
    width:90%;
}

.access{
    width:100%;
    margin:30px auto 0px auto;
}


.announce p{
    margin:20px 0px 20px 0px;
    font-size:12px;
    text-align: center;
}

#left_access{
    width:100%;
    margin:0 auto;
    background-color: #fff;
    padding: 1px 30px 25px 30px;
    border-radius: 30px;
}

#right_access{
    width:100%;
    margin:8px auto;
    background-color: #fff;
    padding: 1px 30px 25px 30px;
    border-radius: 30px;

}

#left_access h2{
    /*width: 255px;
    padding: 15px;
    text-align: center;
    border: solid 1px #c3c3c3;
    margin: 50px auto 20px auto;
    font-size: 13px;
    color: #888888;
    line-height: 25px;
    background-color: yellow*/

    width: 300px;
    margin: 35px auto;
    background-color: #ff8901;
    color: #fff;
    text-align: center;
    line-height: 1.7;
    font-size: 0.8rem;
    font-family: 'Noto Sans JP', sans-serif;
    padding: 10px 30px;
    border-radius: 40px;
    letter-spacing: .12em;
}

#right_access h2{
    /*width: 255px;
    padding: 15px;
    text-align: center;
    border: solid 1px #c3c3c3;
    margin: 50px auto 20px auto;
    font-size: 13px;
    color: #888888;
    line-height: 25px;
    background-color: yellow*/

    width: 300px;
    margin: 35px auto;
    background-color: #ff8901;
    color: #fff;
    text-align: center;
    line-height: 1.7;
    font-size: 0.8rem;
    font-family: 'Noto Sans JP', sans-serif;
    padding: 10px 30px;
    border-radius: 40px;
    letter-spacing: .12em;

}


#left_access .main{
    width:100%;
    margin:0 auto;
}

#right_access .main{
    width:100%;
    margin:0 auto;
}

.description{
    overflow: hidden;
    position: relative;
    margin:20px 0px;
    border-radius: 10px;
}

/*.arrow{
    width:100%;
    text-align: center;
}*/

.arrow img{
    display:none;
}

.description img{
    width:100% !important;
}

.description p{
    padding-top:15px;
    font-size:10px;
    line-height: 20px;
    font-weight:lighter;
}

.cycle_access{
    max-width:1200px;
    margin:15px auto;
    background-color: #fff;
    padding: 20px 30px 30px 30px;
    border-radius: 30px;
}


#cycleaccess h2{
    /*width: 255px;
    padding: 15px;
    text-align: center;
    border: solid 1px #c3c3c3;
    margin: 50px auto 20px auto;
    font-size: 13px;
    color: #888888;
    line-height: 25px;
    background-color: yellow*/

    width: 300px;
    margin: 20px auto;
    background-color: #ff8901;
    color: #fff;
    text-align: center;
    line-height: 1.7;
    font-size: 0.8rem;
    font-family: 'Noto Sans JP', sans-serif;
    padding: 10px 30px;
    border-radius: 40px;
    letter-spacing: .12em;


}

.add_description {
    text-align: center;
}

.add_cont{
    width:100%;
    overflow: hidden;
    position: relative;
    margin: 20px 0px;
    border-radius: 10px;

}

.add_cont p{
    padding-top: 15px;
    font-size: 10px;
    line-height: 15px;
    font-weight: lighter;
    text-align: left;
}


#menue {
    background-color: #ffcf00;
    background-image: url(/cycle/img/tour/background_01.jpg);
    max-width: 1040px;
    margin: 70px auto;
    padding: 0px 20px;
    border-radius: 30px;
    /*border: solid 11px #ffcf00;*/
    background-size: cover;
}

#menue h3 {
    color: #002a6e;
    /* font-family: "Roboto Condensed", sans-serif; */
    font-family: 'Pathway Gothic One', sans-serif;
    font-size: 3.0rem;
    letter-spacing: .12em;
    /*margin-top: 100px;*/
    padding-top: 100px;
    text-align: center;
}

#menue h4{
    margin: 10px auto -30px auto;
    background-color: #ff8901;
    color: #fff;
    text-align: center;
    line-height: 1.7;
    font-size: 0.8rem;
    font-family: 'Noto Sans JP', sans-serif;
    padding: 10px 30px;
    border-radius: 40px;
    letter-spacing: .12em;

}


#menue h2{
    text-align: center;
}

#menue p {
    width: 100%;
    /* margin: 5px 5px 20px 5px; */
    /* font-weight: normal; */
    /* line-height: 1.5; */
    /* margin-top: 40px; */
    margin-bottom: 20px;
    font-family: 'Sawarabi Mincho', sans-serif;
    font-size: 15px;

}

.food_menue_a {
    text-align: center;
    margin-top: 50px;
}


.food_menue_a img {
    width:80%;
    margin:0 auto 10px 0px;

}

.food_menue_b img {
    width:80%;
    margin:0 auto 10px 0px;
    
}

.food_menue_a p{
    display: inline-block;
    font-size:1em;

}

.food_menue_b {
    text-align: center;
}


.food_menue_c img {
    width:80%;
    margin:0 auto 10px 0px;
}

/*.food_menue_b img.drink_ {
    width:40%;
    margin:0 auto;
}*/

.food_menue_b p{
    display: inline-block;
    font-size:1em;
}

#menue .food_menue_a p.good_1{
    width:100% !important;
}

#menue .food_menue_a p.good_2{
    width:100% !important;
}

#menue .food_menue_b p.good_3{
    width:100% !important;
}

#menue .food_menue_b p.good_4{
    width:100% !important;
    margin-bottom: 50px;
}

.event_lead p{
    text-align: center;
    margin-top: 70px;
    font-size: 25px;
    line-height: 45px;
}

.goods .btn-gradient-3d-simple{
    display: inline-block;
    padding: 2.2em 2em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #5e7fca;
    font-size: 19px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 40px;
}

.goods .btn-gradient-3d-simple:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

#information{
    width: 100%;
    margin:80px auto 0 auto;
    background-color: #9e9e9e24;
    line-height: 30px;
    padding-bottom:30px;
}

#information p{
    font-size:13px;
    padding:25px 20px;
}

#information .informationtitle_list{
    padding:0px 15px 30px 15px;
    font-weight: bold;
}

#information .informationtitle_list p{
    text-align: center;
    font-size:20px;
    /*color:red;*/
    font-weight:bold;
}

#information .informationtitle_list ul{
    background-color: #ffffff;
    padding: 30px;
}

.informationtitle h4{
    font-weight: bold;
    font-size:20px;
    text-align: center;
    background-color: #ffda6b;
    padding: 20px 10px;
}

#information .link a{
    font-weight:bold;
    color:#0042bd;
}

.goodsname {
    font-size: 15px;
    background-color: white;
    padding: 3px 10px 3px 10px;
    font-family: 'Pathway Gothic One';
}

.price {
    font-size: 15px;
    background-color: white;
    padding: 3px 10px 3px 10px;
    font-family: 'Pathway Gothic One';
    margin-top:5px;
    line-height: 48px;
}

.menue_leadtext{
    font-size: 15px !important;
    margin: 15px 0px 15px 0!important;
}

.food_menue_c{
    text-align: center;
}

.food_menue_c img{
    width: 70%;
    padding:10px 0 10px 0;
}

.food_menue_c .goodsname {
    font-size:15px;
    line-height: 27px;
}

.food_menue_c .price{
    font-size:15px;
}


}