.contentsBox a{color:#00A9E0; text-decoration: underline;}

.breadcrumbs{height: 30px; color: #FFFFFF; background: #555555;}
.breadcrumbs ul{float: left; height: 30px; line-height: 30px; padding:0 30px; width: 100%; box-sizing: border-box;}
.breadcrumbs ul li{float:left; color:#FFFFFF;}
.breadcrumbs ul li a{padding-right: 20px; color:#FFFFFF; background: url(../img/icon/topicpath.png) no-repeat right;}

.subttl_btn{position: absolute; right: 5px; top:-20px; }

@media screen and (max-width: 820px) {.subttl_btn{display:none;}}

.subttl_btn:after {content:""; display:block; clear:both; height:0.1em; overflow:hidden;}
/*\*/
* html .subttl_btn{
height: 0.1em;
overflow: visible;
}
/**/
.subttl_btn li{float: right; width: 80px; height: 115px; padding-right: 5px; }
.subttl_btn li img{width: 80px; height: auto;}



@media only screen and (max-width:1000px) {
	.eventListBox{padding: 20px;}
}
.eventListBox .contents h3{font-size: 24px;}
.eventListBox .contents{margin:0 auto 20px; max-width:880px; height:auto; padding: 0 0; box-sizing: border-box;}
.eventListBox .contents ul.eventList{display: flex; flex-flow: row wrap; justify-content:flex-start;}
.eventListBox .contents ul.eventList li{width: calc(100% / 3); height: auto; background: #FFFFFF; position: relative;}
.eventListBox .contents ul.eventList li{padding: 10px; box-sizing: border-box;}

.eventListBox .contents ul.eventList li ul{position: relative; z-index: 1; width: 100%; box-sizing: border-box;}
.eventListBox .contents ul.eventList li ul li{height: auto; margin-bottom: 0; padding:5px 0; width: 100%;}
.eventListBox .contents ul.eventList li ul li.eventListName{font-size: 16px; width: 100%; text-align: center; padding: 5px 5px 0; box-sizing: border-box; min-height: 50px;}
.eventListBox .contents ul.eventList li ul li.eventListDate{font-size: 16px; width: 100%; text-align: center; box-sizing: border-box;}
.eventListBox .contents ul.eventList li ul li.eventListAttention{font-size: 16px; width: 100%; text-align: center; box-sizing: border-box;}
.eventListBox .contents ul.eventList li ul li.btn_2column {display: flex; flex-direction: row; flex-wrap: nowrap; gap:10px;}

.eventListBox .contents ul.eventList li ul li.eventListOthers{width: 100%; box-sizing: border-box; display: flex; flex-direction: column; padding: 10px 5px 0;}
.eventListBox .contents ul.eventList li ul li span.eventListAge{display: inline-block; width: 100%; line-height: 25px; font-size: 16px; text-align: center; border-top: 1px solid #CCCCCC; padding-top: 8px;}
.eventListBox .contents ul.eventList li ul li span.eventListFee{display: inline-block; width: 100%; line-height: 25px; font-size: 16px; text-align: center;}

.eventListBox .contents ul.eventList li .eventListImg{position: relative; z-index: 1;}
.eventListBox .contents ul.eventList li .eventListCate{position: absolute; top:25px; left: 20px; z-index: 2;}
.eventListBox .contents ul.eventList li .eventListDate02{position: absolute; top:20px; right:20px; z-index: 2;}
.eventListBox .contents ul.eventList li .eventListDate02 .year{position: absolute; top:15px; left:0; right: 0; z-index: 3;}
.eventListBox .contents ul.eventList li .eventListDate02 .date{position: absolute; top:30px; z-index: 3; display: flex; width: 100%; align-items: center; justify-content: center;}
.eventListBox .contents ul.eventList li .eventListDate02 .date img{width: 7px; height: 12px;}
.eventListBox .contents ul.eventList li .eventListDate02{width: 80px; height: 80px; border-radius: 60px; background:url(../img/event/date.png) no-repeat center; font-size: 20px; text-align: center;}
.eventListBox .contents ul.eventList li .eventListDate02 .year{font-size: 16px; color: #1a1a1a;}
.eventListBox .contents ul.eventList li .eventListDate02 .date{font-size: 24px; color: #1a1a1a;}

.eventListBox .contents ul.eventList li .eventListCate span{padding: 5px; border-radius: 3px; font-size: 16px; margin-left:5px;}
.eventListBox .contents ul.eventList li .eventListCate span:first-child{margin: 0;}
.eventListBox .contents ul.eventList li .eventListCate span.cate01{background:#898A8D; color:#FFFFFF;}
.eventListBox .contents ul.eventList li .eventListCate span.cate02{background:#898A8D; color:#FFFFFF;}

.eventListBox .contents ul.eventList li .eventListCate02{position: absolute; top:20px; right:20px; z-index: 2;}
.eventListBox .contents ul.eventList li .eventListCate02{width: 80px; height: 80px; border-radius: 60px; background:url(../img/event/date.png) no-repeat center; font-size: 16px; text-align: center; display: flex; justify-content: center; align-items: center; line-height: 20px;}

@media only screen and (min-width:640px) and (max-width:940px) {
.eventListBox .contents{width:100%;}
.eventListBox .contents ul.eventList li{width: calc(100% / 2);}
.eventListBox .contents ul.eventList li:nth-child(2n+1){padding-left: 20px;}
.eventListBox .contents ul.eventList li:nth-child(2n){padding-right: 20px;}
.eventListBox .contents ul.eventList li li:nth-child(2n+1){padding-left: 0px;}
.eventListBox .contents ul.eventList li li:nth-child(2n){padding-right: 0px;}
.eventListBox .contents ul.eventList li .eventListCate{left: 30px;}
.eventListBox .contents ul.eventList li .eventListDate02{right:30px;}
.eventListBox .contents h3{font-size: 20px;}
}

@media only screen and (max-width:639px) {
.eventListBox .contents{width:100%;}
.eventListBox .contents ul.eventList li{width: 100%;}
.eventListBox .contents ul.eventList li{padding: 10px 20px;}
.eventListBox .contents ul.eventList li .eventListCate{left: 30px;}
.eventListBox .contents ul.eventList li .eventListDate02{right:30px;}
.eventListBox .contents h3{font-size: 20px;}
}



.eventListBox .contents	p{font-size:16px;}
.eventListBox .contents .eventList02{width: 100%; height:auto;}
.eventListBox .contents .eventList02 h3{font-size: 30px; font-weight: normal; margin-bottom:20px;}
.eventListBox .contents .eventList02 ul{list-style: none; font-size: 16px;}
.eventListBox .contents .eventList02 ul li dl{display: flex; justify-content:space-between; width: 100%; flex-direction: row;}
.eventListBox .contents .eventList02 ul li{padding: 10px 0; border-bottom: #898A8D solid 1px;}

.eventListBox .contents .eventList02 p.attention{font-size:20px; line-height:20px; text-align: center; box-sizing: border-box; color:#F0105D;padding: 10px 0;}
.eventListBox .contents .event dt{width: 310px; padding:5px 0;display: flex; align-items: center; justify-content: space-between;}
.eventListBox .contents .event dd{width:calc(100% - 330px);}
.eventListBox .contents .event dd{display: flex; justify-content:space-between; flex-direction: row; gap:10px;}
.eventListBox .contents .event dd a{color:#1a1a1a; }

.eventListBox .contents .event dd.inactive span.btn{display: none;}
.eventListBox .contents .event dd.inactive span.attention{color: #F0105D;}

.eventListBox .contents .eventList02 .event span.date{font-size: 16px;}
.eventListBox .contents .eventList02 .event span.eventListAge{min-width: 160px;border-radius: 5px;  display:flex; justify-content: center; align-items: center; width: auto; padding:5px; font-size: 16px; text-align: center;border: 1px solid #898A8D;}
.eventListBox .contents .eventList02 .event span.attention{display: inline-block; width:calc(100% - 100px); font-size: 16px; display: flex; align-items: center;}
.eventListBox .contents .eventList02 .event span.btn{display: flex; width: 100px; border-radius: 3px; background:#00A9E0; text-align: center; padding:5px 0; color: #FFFFFF; justify-content: center; align-items: center;}
.eventListBox .contents .eventList02 .event span.btn a{color:#FFFFFF;}


.eventListBox .contents .event02 dt{width: 250px; padding-right: 10px; box-sizing: border-box; display:flex; flex-direction: column; }
.eventListBox .contents .event02 dd.btn{width:100px;}
.eventListBox .contents .event02 dd.ex{width:calc(100% - 350px); display: flex;  flex-direction: column;}
.eventListBox .contents .event02 dd{display: flex; flex-direction: row;}
.eventListBox .contents .event02 dd a{color:#1a1a1a; }
.eventListBox .contents .eventList02 .event02 span.date{display: inline-block; width: auto; padding:4px; font-size: 16px; text-align: left;}
.eventListBox .contents .eventList02 .event02 span.name{display: inline-block; width: auto; padding:4px; font-size: 16px; text-align: left;}
.eventListBox .contents .eventList02 .event02 span.attention{display: flex; align-items: center; width: auto; padding:4px; font-size: 16px; text-align: left;}
.eventListBox .contents .eventList02 .event02 span.eventListAge{display: inline-block; width: auto; padding:3px; font-size: 16px; text-align: center; border: 1px solid #898A8D;}
.eventListBox .contents .eventList02 .event02 span.btn{display: flex; width: 100px; border-radius: 3px; background:#00A9E0; text-align: center; padding:5px 0; color: #FFFFFF; justify-content: center; align-items: center;}
.eventListBox .contents .eventList02 .event02 span.btn a{color:#FFFFFF;}

@media only screen and (min-width:640px) and (max-width:940px) {
.eventListBox .contents .eventList02 ul li dl{flex-direction:column;}
.eventListBox .contents .event dt{width:100%; padding-bottom: 10px; font-size: 14px;}
.eventListBox .contents .event dd{width:100%; font-size: 14px;}
.eventListBox .contents .eventList02 ul{font-size: 14px;}
.eventListBox .contents .eventList02 .event span.date{font-size: 16px;}
.eventListBox .contents .eventList02 .event span.eventListAge{font-size: 14px;}
.eventListBox .contents .eventList02 .event span.attention{font-size: 14px;}
.eventListBox .contents .eventList02 .event span.btn{}
}

@media only screen and (max-width:639px) {
.eventListBox .contents .eventList02 ul li{padding: 10px 0;}
.eventListBox .contents .eventList02 ul li dl{flex-direction:column;}
.eventListBox .contents .event dt{width:100%; padding-bottom: 10px; font-size: 14px;}
.eventListBox .contents .event dd{width:100%;}
.eventListBox .contents .eventList02 ul{font-size: 14px;}
.eventListBox .contents .eventList02 .event span.date{font-size: 16px;}
.eventListBox .contents .eventList02 .event span.eventListAge{font-size: 14px;}
.eventListBox .contents .eventList02 .event span.attention{font-size: 14px;}
.eventListBox .contents .eventList02 .event span.btn{}
	
.eventListBox .contents .event02 dt{width:100%;}
.eventListBox .contents .event02 dd.btn{width:100%;}
.eventListBox .contents .event02 dd.ex{width:100%;}
.eventListBox .contents .eventList02 .event02 span.btn{width: 100%;}
}






@media only screen and (max-width:1000px) {
	.eventBox{padding: 20px;}
}
.eventBox a{color:#00A9E0;}
.eventBox .contents .eventAttentionBox{padding:40px 0 40px; border-bottom: #898A8D solid 1px;}
.eventBox .contents .eventAttention p{font-size:20px; line-height:20px; text-align: center; box-sizing: border-box; color: #FF0004;padding: 10px 0;}
.eventBox .contents .eventTTL{padding: 30px 0 20px;}
.eventBox .contents .eventCate{padding:0px 0 40px; }
.eventBox .contents .eventCate span{padding: 5px; border-radius: 3px; font-size: 16px; margin-left:5px;}
.eventBox .contents .eventCate span:first-child{margin: 0;}
.eventBox .contents span.cate01{background:#4BC0BE;}
.eventBox .contents span.cate02{background:#E8BC69;}
.eventBox .contents h2{font-size:30px; line-height:30px; text-align:left; padding:0;}
.eventBox .contents h3{font-size:20px; line-height:20px; font-weight:bold; text-align:left; width: auto; box-sizing: border-box; padding-bottom: 5px; background: url(../../common/img/icon/arrow.png) no-repeat 15px top; color: #252525;}
.eventBox .contents h4{font-size:20px; line-height:24px; font-weight:bold; width:auto; height:auto; padding-top:5px; padding-bottom:5px; margin-top:10px; }

.eventBox .contents{margin:0 auto 20px; max-width:880px; height:auto; padding: 0 0; box-sizing: border-box;}

.eventBox .contents ul{border-top: #898A8D solid 1px;}
.eventBox .contents ul ul{border-top: none;}
.eventBox .contents ul ul.attention li{padding-left: 15px; padding-top: 0px!important; padding-bottom: 0px!important; background: url("../img/icon/lien05.png") no-repeat left center;}

.eventBox .contents ul ul.attention li.supplement{padding-left: 15px; padding-top: 0px!important; padding-bottom: 0px!important; background: none;}

.eventBox .contents li{width: 100%; border-bottom: #898A8D solid 1px;}
.eventBox .contents li li{border-bottom: #898A8D dotted 1px;}
.eventBox .contents dl{padding: 10px 0; display: flex; justify-content:space-between; flex-direction: row;}
.eventBox .contents dt{font-size: 16px;}
.eventBox .contents dd{font-size: 16px;}
.eventBox .contents p{font-size: 16px;}

.eventBox .contents ul.works ul dt{width: 50%; box-sizing: border-box;}
.eventBox .contents ul.works ul dd{width: 50%; box-sizing: border-box;}
.eventBox .contents ul.works li{border-bottom: #898A8D dotted 1px;}
.eventBox .contents ul.works li:last-child{border-bottom:none;}

.eventBox .contents ul.works{border: none;}

.eventBox .contents ul.works p.ttl{display: inline-block; width: 100%; font-size: 24px; font-weight: bold;}
.eventBox .contents ul.works p.name{display: inline-block; width: 100%; font-weight: normal;}
.eventBox .contents ul.works p.painting{display: inline-block; width: 100%; text-align: center;}
.eventBox .contents ul.works h4{font-size: 18px;font-weight: bold;}

.eventBox .contents ul.works ul.work_list dl{flex-direction: row; justify-content: space-between!important;}
.eventBox .contents ul.works ul.work_list li{border: none;}
.eventBox .contents ul.works ul.work_list dt{width:calc(100% - 220px);}
.eventBox .contents ul.works ul.work_list dd{width:200px;}

.contents dd.movie{display: flex; justify-content:space-between; flex-direction: row;flex-wrap: wrap;}
.contents dd.movie_1col{display: flex; justify-content:space-between; flex-direction:column;flex-wrap: wrap;}
.contents div.movie{width:calc(50% - 10px); padding: 5px; box-sizing: border-box;}
.contents div.movie{
	position: relative;
    padding-bottom: 26.45%; /* アスペクト比16:9の場合 */
    height: 0;
    overflow: hidden;
    margin-bottom: 20px; /* YouTubeの下に余白をつける */
	}
.contents div.movie iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contents div.movie_1col{width:50%; padding: 5px; box-sizing: border-box; margin: 0 auto;}
.contents div.movie_1col{
	position: relative;
    padding-bottom: 27.3%; /* アスペクト比16:9の場合 */
    height: 0;
    overflow: hidden;
    margin-bottom: 20px; /* YouTubeの下に余白をつける */
	}
.contents div.movie_1col iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contents div.instagram_1col{width:50%; padding: 5px; box-sizing: border-box; margin: 0 auto 20px;}


.eventBox .contents dd dl{padding:0 0 10px;}
.eventBox .contents dd li:first-child{padding: 0;}
.eventBox .contents dd li:last-child{border: none;}
.eventBox .contents dd li{padding-top:10px;}
.eventBox .contents dt{width: 170px; box-sizing: border-box;}
.eventBox .contents dd{width: calc(100% - 180px); box-sizing: border-box;}

.eventBox .contents dl.award{display: flex; justify-content: flex-start; flex-direction: row;}
.eventBox .contents dl.award dd{width: 50%;}
.eventBox .contents dl.award dd.award_img{text-align: center; display: flex; flex-direction:column;}

.eventBox .contents .eventDescription{padding: 0 10px;}
.eventBox .contents .eventDescription h2{font-size: 25px; padding-bottom: 20px;}
.eventBox .contents .eventDescription p{font-size:16px;}

.eventList_nopager{width: 100%; height:auto;}
.eventList_nopager h3{font-size: 30px; font-weight: normal; margin-bottom:20px;}
.eventList_nopager ul{list-style: none; font-size: 16px;}
.eventList_nopager p.attention{font-size:20px; line-height:20px; text-align: center; box-sizing: border-box; color:#F0105D;padding: 10px 0;}
.eventList_nopager ul.event dt{width: 255px; padding:5px 0;display: flex; align-items: center; justify-content: space-between;}
.eventList_nopager ul.event dd{width:calc(100% - 270px);}
.eventList_nopager ul.event dd{display: flex; justify-content:space-between; flex-direction: row; gap:10px;}
.eventList_nopager ul.event dd a{color:#1a1a1a; }

.eventList_nopager ul.event dd.inactive span.btn{display: none;}
.eventList_nopager ul.event dd.inactive span.attention{color: #F0105D;}
.eventList_nopager ul.event span.date{font-size: 16px;}
.eventList_nopager ul.event span.eventListAge{min-width: 120px;border-radius: 5px;  display:flex; justify-content: center; align-items: center; width: auto; padding:5px; font-size: 16px; text-align: center;border: 1px solid #898A8D;}
.eventList_nopager ul.event span.attention{display: inline-block; width:calc(100% - 100px); font-size: 16px; display: flex; align-items: center;}
.eventList_nopager ul.event span.btn{display: flex; width: 100px; border-radius: 3px; background:#00A9E0; text-align: center; padding:5px 0; color: #FFFFFF; justify-content: center; align-items: center;}
.eventList_nopager ul.event span.btn a{color:#FFFFFF;}

.eventBox .attention li{border: none!important;}


@media only screen and (min-width:640px) and (max-width:940px) {
.eventBox .contents dl{flex-direction:column; gap:10px;}
.eventBox .contents dl dl{flex-direction:row; gap:10px;}
.eventBox .contents dt.ttl{min-width: 120px;border-radius: 1px;  display:flex; justify-content: center; align-items: center; width: auto; padding:5px; font-size: 16px; text-align: center;background:#898A8D; color: #FFFFFF;}
.eventBox .contents dt{width: 100%;}
.eventBox .contents dd{width: 100%;}
.eventBox .contents dd dt{width: 170px; box-sizing: border-box;}
.eventBox .contents dd dd{width: calc(100% - 180px); box-sizing: border-box;}
.eventList_nopager ul.event dt{width: 255px;}
.eventList_nopager ul.event dd{width:calc(100% - 270px);}
.eventBox .contents li{border:none;}
.eventBox .contents li li{border-bottom: #898A8D dotted 1px;}
}


@media only screen and (max-width:639px) {
.eventBox .contents dl{flex-direction:column; gap:10px;}
.eventBox .contents dl dl{flex-direction:row; gap:10px;}
.eventBox .contents dt.ttl{min-width: 120px;border-radius: 1px;  display:flex; justify-content: center; align-items: center; width: auto; padding:5px; font-size: 16px; text-align: center;background:#898A8D; color: #FFFFFF;}
.eventBox .contents dt{width: 100%;}
.eventBox .contents dd{width: 100%;}
.eventBox .contents dd dt{width: 170px; box-sizing: border-box;}
.eventBox .contents dd dd{width: calc(100% - 180px); box-sizing: border-box;}
.eventList_nopager ul.event dl{flex-direction: column;}
.eventList_nopager ul.event dt{width:100%;}
.eventList_nopager ul.event dd{width:100%;}
.eventList_nopager ul.event dd{flex-direction:column-reverse; gap:5px;}
.eventBox .contents li{border:none;}
.eventBox .contents li li{border-bottom: #898A8D dotted 1px;}
.eventBox .contents .eventDescription h2{font-size: 25px; padding-top: 20px;}
.eventList_nopager ul.event span.attention{width: 100%; justify-content: center;}
.eventList_nopager ul.event span.btn{display: flex; width: 100%; border-radius: 3px; background:#00A9E0; text-align: center; padding:5px 0; color: #FFFFFF; justify-content: center; align-items: center;}
	
	
.eventBox .contents ul.works ul.work_list dl{flex-direction: column; justify-content:flex-start;}
.eventBox .contents ul.works ul.work_list dt{width:100%;}
.eventBox .contents ul.works ul.work_list dd{width:100%;}
	
.eventBox .contents dd.movie{display: flex; justify-content:space-between; flex-direction: row;flex-wrap:wrap;}
.eventBox .contents div.movie{width:100%; padding: 5px; box-sizing: border-box;}
.eventBox .contents div.movie{
	position: relative;
    padding-bottom: 55%;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;
	}
.eventBox .contents div.movie iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	
}

table.eventcalendar{border:solid 1px #CCCCCC}

table.eventcalendar td{width: calc(100% / 7); padding: 5px;}
table.eventcalendar td{border-left:solid 1px #CCCCCC;}
table.eventcalendar tr{border-bottom:solid 1px #CCCCCC;}
table.eventcalendar tr.date{border-bottom: none;}
table.eventcalendar tr.date td{text-align: center;}
table.eventcalendar th{text-align: center; border-left:solid 1px #CCCCCC;}
table.eventcalendar td.close{background: #EEEEEE; text-align: center;}

table.eventcalendar td.saturday,table.eventcalendar th.saturday{background:#F6FEFF; color:#085790;}
table.eventcalendar td.sunday,table.eventcalendar th.sunday{background:#FDF3F5; color:#FF0000;}

span.square{color: #FFA500!important;}
span.museum{color: #10845E!important;}
span.other{color: #0C5AA8!important;}

span.square a{color: #FFA500!important;}
span.museum a{color: #10845E!important;}
span.other a{color: #0C5AA8!important;}

.reportBox p{padding: 5px;}
.reportBox h2{padding: 5px;}


@media only screen and (max-width:1000px) {
	.entryBox{padding: 20px;}
}
.entryBox{font-size: 16px;}
.entryBox .contents h2{font-size:30px; line-height:30px; text-align:left; padding:0;}
.entryBox .contents h3{font-size:20px; line-height:20px; font-weight:bold; text-align:left; width: auto; box-sizing: border-box; padding-bottom: 5px; background: url(../../common/img/icon/arrow.png) no-repeat 15px top; color: #252525;}
.entryBox .contents h4{font-size:20px; line-height:24px; font-weight:bold; width:auto; height:auto; padding-top:5px; padding-bottom:5px; margin-top:10px; }

.entryBox .contents{margin:0 auto 20px; max-width:880px; height:auto; padding: 0 0; box-sizing: border-box;}

.entryBox .contents li{width: 100%;}
.entryBox .contents dl{padding: 10px 0; border-bottom: #898A8D solid 1px; display:flex;flex-direction: row; justify-content: space-between;}
.entryBox .contents dt{padding: 0px 5px; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.entryBox .contents dd{padding: 10px 5px; box-sizing: border-box;}
.entryBox .contents dt{width: 300px;}
.entryBox .contents dd{width: calc(100% - 310px);}

.entryBox .contents span{display: inline-block; min-width:30px; text-align: left; font-size: 14px;}

.entryBox .contents ul{padding-bottom: 20px;}
.entryBox .contents:after {content:""; display:block; clear:both; overflow:hidden;}

.entryBox span.required{display: inline-block; width: 45px; height: 40px; background: url("../img/icon/required.png") no-repeat center; float: right;}


@media only screen and (min-width:640px) and (max-width:940px) {
.entryBox{font-size: 16px;}
.entryBox .contents h2{font-size:20px;}
.entryBox .contents h3{font-size:18px;}
.entryBox .contents span{font-size: 14px;}
}

@media only screen and (max-width:639px) {
.entryBox{font-size: 14px;}
.entryBox .contents h2{font-size:18px;}
.entryBox .contents h3{font-size:16px;}
.entryBox .contents span{font-size: 12px;}
}

@media only screen and (max-width:639px) {
.entryBox .contents{width:100%;}
.entryBox .contents dl{flex-direction: column; justify-content: space-between;}
.entryBox .contents dt{width: 100%;}
.entryBox .contents dd{width: 100%;}
}



@media only screen and (max-width:1000px) {
	.userBox{padding: 20px;}
}
.userBox{font-size: 16px;}
.userBox .contents h2{font-size:30px; line-height:30px; text-align:left; padding:0;}
.userBox .contents h3{font-size:20px; line-height:20px; font-weight:bold; text-align:left; width: auto; box-sizing: border-box; padding-bottom: 5px; background: url(../../common/img/icon/arrow.png) no-repeat 15px top; color: #252525;}
.userBox .contents h4{font-size:20px; line-height:24px; font-weight:bold; width:auto; height:auto; padding-top:5px; padding-bottom:5px; margin-top:10px; }

.userBox .contents{margin:0 auto 20px; max-width:880px; height:auto; padding: 0 0; box-sizing: border-box;}

.userBox .contents li{width: 100%;}
.userBox .contents dl{padding: 10px 0; border-bottom: #898A8D solid 1px; display:flex;flex-direction: row; justify-content: space-between;}
.userBox .contents ul.noborder dl{border: none;}
.userBox .contents dt{padding: 0px 5px; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.userBox .contents dd{padding: 10px 5px; box-sizing: border-box; display: flex; flex-direction: row; align-items: center;justify-content: flex-start;}
.userBox .contents dt{width: 200px;}
.userBox .contents dd.list{width: calc(100% - 320px);}
.userBox .contents dd.btn{width: 100px;}

.userBox .contents .btnBox{width: 100%; display: flex; justify-content: flex-start;}

.userBox .contents span{display: inline-block; min-width:30px; text-align: left; font-size: 14px;}

.userBox .contents ul{padding-bottom: 20px;}
.userBox .contents:after {content:""; display:block; clear:both; overflow:hidden;}

.userBox span.required{display: inline-block; width: 45px; height: 40px; background: url("../img/icon/required.png") no-repeat center; float: right;}


@media only screen and (min-width:640px) and (max-width:940px) {
.userBox{font-size: 16px;}
.userBox .contents h2{font-size:20px;}
.userBox .contents h3{font-size:18px;}
.userBox .contents span{font-size: 14px;}
.userBox .contents dt{width: 150px;}
.userBox .contents dd.list{width: calc(100% - 270px);}
.userBox .contents dd.btn{width: 100px;}
}

@media only screen and (max-width:639px) {
.userBox{font-size: 14px;}
.userBox .contents h2{font-size:18px;}
.userBox .contents h3{font-size:16px;}
.userBox .contents span{font-size: 12px;}
}

@media only screen and (max-width:639px) {
.userBox .contents{width:100%;}
.userBox .contents .btnBox{width: 100%; display: flex; flex-direction: row; justify-content: flex-end;}
.userBox .contents dl{flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.userBox .contents dt{width: calc(100% - 110px);}
.userBox .contents dd.list{width: 100%;}
.userBox .contents dd.btn{width: 100px;}
}






@media only screen and (max-width:1000px) {
	.loginBox{padding: 20px;}
}
.loginBox{font-size: 16px; height:auto; display: flex; justify-content: center;}
.loginBox .contents{margin:0 auto 20px; max-width:500px; height:auto; padding: 0 0; box-sizing: border-box;}
.loginBox .contents ul{padding-top: 20px;}
.loginBox .contents li{width: 100%;}
.loginBox .contents dl{padding: 0; display: flex; flex-direction: column; justify-content: space-between; }
.loginBox .contents dt{line-height:40px; padding: 0 5px; box-sizing: border-box;}
.loginBox .contents dd{padding: 0 5px; box-sizing: border-box;}
.loginBox .contents dt{width: 100%;}
.loginBox .contents dd{width: 100%;}

.loginBox .contents span{display: inline-block; min-width:30px; text-align: center; font-size: 14px;}
.loginBox .contents div.entry{border-top: #898A8D solid 1px; margin-top: 30px; padding-top: 30px;}
.loginBox span.required{display: inline-block; width: 45px; height: 40px; background: url("../img/icon/required.png") no-repeat center; float: right;}
.loginBox a{color:#00A9E0;}




@media only screen and (max-width:640px) {
.loginBox .contents{width:100%;}
}







@media only screen and (max-width:1000px) {
	.groupBox{padding: 20px;}
}
.groupBox{font-size: 16px;}
.groupBox .contents h2{font-size:30px; line-height:30px; text-align:left; padding:0;}
.groupBox .contents h3{font-size:20px; line-height:20px; font-weight:bold; text-align:left; width: auto; box-sizing: border-box; padding-bottom: 5px; background: url(../../common/img/icon/arrow.png) no-repeat 15px top; color: #252525;}
.groupBox .contents h4{font-size:20px; line-height:24px; font-weight:bold; width:auto; height:auto; padding-top:5px; padding-bottom:5px; margin-top:10px; }

.groupBox .contents{margin:0 auto 20px; max-width:880px; height:auto; padding: 0 0; box-sizing: border-box;}

.groupBox .contents li{width: 100%;}
.groupBox .contents dl{padding: 10px 0; border-bottom: #898A8D solid 1px; display:flex;flex-direction: row; justify-content: space-between;}
.groupBox .contents dt{padding: 0px 5px; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.groupBox .contents dd{padding: 10px 5px; box-sizing: border-box;}
.groupBox .contents dt{width: 300px;}
.groupBox .contents dd{width: calc(100% - 310px);}

.groupBox .contents span{display: inline-block; min-width:30px; text-align: center; font-size: 14px;}

.groupBox .contents ul{padding-bottom: 20px;}

.groupBox span.required{display: inline-block; width: 45px; height: 40px; background: url(../img/icon/required.png) no-repeat center; float: right;}

@media only screen and (min-width:640px) and (max-width:940px) {
.groupBox{font-size: 16px;}
.groupBox .contents h2{font-size:20px;}
.groupBox .contents h3{font-size:18px;}
.groupBox .contents span{font-size: 14px;}
}

@media only screen and (max-width:639px) {
.groupBox{font-size: 14px;}
.groupBox .contents h2{font-size:18px;}
.groupBox .contents h3{font-size:16px;}
.groupBox .contents span{font-size: 12px;}
}


@media only screen and (max-width:639px) {
.groupBox .contents{width:100%;}
.groupBox .contents dl{flex-direction: column; justify-content: space-between;}
.groupBox .contents dt{width: 100%;}
.groupBox .contents dd{width: 100%;}
}

@media only screen and (max-width:1000px) {
	.calendarBox{padding: 20px;}
}
.calendarBox{font-size: 16px;}
.calendarBox .contents .calendarChange{display: flex; width: 100%; height: 50px; line-height: 50px; font-size: 25px}
.calendarBox .contents .prev{width:50px;}
.calendarBox .contents .prev a{display: block; width:50px; height: 50px; background:url(../img/icon/calendar_prev.png) no-repeat;}
.calendarBox .contents .next{width:50px;}
.calendarBox .contents .next a{display: block; width:50px; height: 50px; background:url(../img/icon/calendar_next.png) no-repeat;}
.calendarBox .contents .nowMonth{width: calc(100% - 100px);text-align: center;}


.calendarBox .contents h2{font-size:30px; line-height:30px; text-align:left; padding:0;}
.calendarBox .contents h3{font-size:20px; line-height:20px; font-weight:bold; text-align:left; width: auto; box-sizing: border-box; padding-bottom: 5px; background: url(../../common/img/icon/arrow.png) no-repeat 15px top; color: #252525;}
.calendarBox .contents h4{font-size:20px; line-height:24px; font-weight:bold; width:auto; height:auto; padding-top:5px; padding-bottom:5px; margin-top:10px; }

.calendarBox .contents{margin:0 auto 20px; max-width:880px; height:auto; padding: 0 0; box-sizing: border-box;}

.calendarBox .contents li{width: 100%;}
.calendarBox .contents dl{padding: 0 0 10px; border-top: #898A8D solid 1px; display:flex; flex-direction: row; flex-wrap: nowrap;}
.calendarBox .contents dt{width: 50px; height: 50px; background: #898A8D; color: #FFFFFF;}
.calendarBox .contents dt{display: flex; flex-direction:column;}

.calendarBox .contents dt span.date{padding: 0; display: inline-block; width: 50px; height:30px; font-size: 30px; line-height:30px; text-align: center;}
.calendarBox .contents dt span.week{display: inline-block; width: 50px; font-size: 14px; line-height:20px; height:auto; text-align: center;}
.calendarBox .contents dd span{display: inline-block; box-sizing: border-box; padding: 5px; border-radius: 5px; font-size: 16px;width: auto;}
.calendarBox .contents dd span.cate01{background:#4BC0BE;}
.calendarBox .contents dd span.cate02{background:#E8BC69;}
.calendarBox .contents dd span.people{background: #00A9E0; color: #FFFFFF;}
.calendarBox .contents dd span.people_stock{background:#E97C43; color: #FFFFFF;}
.calendarBox .contents dd span.people_out{background: #999999; color: #FFFFFF;}
.calendarBox .contents dd{display:flex; flex-direction: row; flex-wrap:wrap;gap:5px; grid-column-gap: 5px; column-gap:5px;}
.calendarBox .contents dd div.calendarList{display:flex; flex-direction: row; flex-wrap:nowrap; gap:5px; grid-column-gap: 5px; column-gap:5px;}
.calendarBox .contents dd a{display:flex; flex-direction:row; padding:10px; border-radius: 5px; gap:5px; grid-column-gap: 5px; column-gap:5px;}
.calendarBox .contents dd div.calendarName{width: 100%; display:flex; flex-direction: row; align-items: center;}
.calendarBox .contents dd div.eventName{display:flex; flex-direction: row; align-items: center;}
.calendarBox .contents dd div.eventTime{display:flex; flex-direction: row; align-items: center;}
.calendarBox .contents dd{padding: 10px; box-sizing: border-box;}
.calendarBox .contents dd{width: calc(100% - 70px);}

.calendarBox .contents ul{padding-bottom: 20px;}

@media only screen and (max-width:639px) {
.calendarBox .contents dd a{flex-direction:column;}
.calendarBox .contents dd div.eventName{display:flex;justify-content: center;}
.calendarBox .contents dd div.eventTime{display:flex;justify-content: center;}
}

a.calendar-past-reserve{display: none!important;}


.ttlBox{margin: 0 auto; max-width: 1000px; padding: 50px 0;}
.ttlBox h1{font-size: 30px;}
.ttlBox h1{width:360px;}

.ttlBox02{margin: 0 auto; max-width: 1000px; padding: 50px 0;}
.ttlBox02 span{padding: 5px;background: #d9dadc; border-radius: 5px; font-size: 20px; margin-bottom: 5px; display: inline-block;}
.ttlBox02 h1{font-size: 30px;}
.ttlBox02 h1{width:100%;}

.cateBox{box-sizing: border-box; width: 100%; display: flex; justify-content:space-between; border-bottom: 1px solid #898A8D;}
.cateBox02{box-sizing: border-box; width: 100%; display: flex; justify-content:space-between;}

.cateBox02 h1{padding-left: 80px; height: 60px; line-height: 60px;}


.ttlBox_group_1F{background:url("../img/group/01_ttl.png") no-repeat;}
.ttlBox_group_2F{background:url("../img/group/02_ttl.png") no-repeat;}

.ttlBox .cateBox .cateMenu{width: calc(100% - 360px); display: flex; justify-content: flex-end; gap:10px; padding-top: 5px;}
.ttlBox .cateBox .cateMenu a{display:inline-block; width: 150px; height: 30px; border-radius: 2px; line-height: 30px; border: 1px solid #898A8D; text-align: center; font-size: 14px;}
.ttlBox .cateBox .cateMenu a.active{background: #898A8D; color: #FFFFFF;}
.ttlBox .cateBox .cateMenu a:hover{background: #898A8D; color: #FFFFFF;}

.ttlBox ul.subCateMenu{width:100%; display: flex; justify-content: flex-end; padding-top: 10px; gap:10px; font-size: 16px;}
.ttlBox ul.subCateMenu li a{display:inline-block; width: auto; font-size: 16px; line-height: 16px; text-align: center; border-radius: 2px; line-height: 30px; border: 1px solid #898A8D; padding: 0px 5px;}
.ttlBox ul.subCateMenu li a:hover{background: #898A8D; color: #FFFFFF;}
.ttlBox ul.subCateMenu li a.active{background: #898A8D; color: #FFFFFF;}
.ttlBox ul.subCateMenu li { height: 16px;}
.ttlBox ul.subCateMenu li:last-child{border: none;}


.ttlBox02 .cateBox .cateMenu{width: 100%; display: flex; justify-content: flex-end; gap:10px; padding-top: 5px;}
.ttlBox02 .cateBox .cateMenu a{display:inline-block; width: 150px; height: 30px; border-radius: 2px; line-height: 30px; border: 1px solid #898A8D; text-align: center; font-size: 14px;}
.ttlBox02 .cateBox .cateMenu a.active{background: #898A8D; color: #FFFFFF;}
.ttlBox02 .cateBox .cateMenu a:hover{background: #898A8D; color: #FFFFFF;}

.ttlBox02 ul.subCateMenu{width:100%; display: flex; justify-content: flex-end; padding-top: 10px; gap:10px; font-size: 16px;}
.ttlBox02 ul.subCateMenu li a{display:inline-block; width: auto; font-size: 16px; line-height: 16px; text-align: center; border-radius: 2px; line-height: 30px; border: 1px solid #898A8D; padding: 0px 5px;}
.ttlBox02 ul.subCateMenu li a:hover{background: #898A8D; color: #FFFFFF;}
.ttlBox02 ul.subCateMenu li a.active{background: #898A8D; color: #FFFFFF;}
.ttlBox02 ul.subCateMenu li { height: 16px; line-height: 30px;}
.ttlBox02 ul.subCateMenu li:last-child{border: none;}

@media only screen and (min-width:640px) and (max-width:1100px) {
.ttlBox{padding:20px 20px 40px;}
.ttlBox02{padding:20px 20px 40px;}
}

@media only screen and (min-width:640px) and (max-width:940px) {
.ttlBox{padding:20px;}
.ttlBox h1{font-size: 24px; font-weight: normal;}
.ttlBox h1{width:280px;}
.ttlBox02{padding:20px;}
.ttlBox02 h1{font-size: 24px; font-weight: normal;}
.ttlBox .cateBox .cateMenu{width: calc(100% - 280px); padding-bottom: 10px;}
}

@media only screen and (max-width:639px) {
.cateBox{box-sizing: border-box; width: 100%; display: flex;flex-direction: column; justify-content:space-between; border-bottom: 1px solid #898A8D;}
.ttlBox .cateBox .cateMenu{width: 100%; display: flex; justify-content:space-between; gap:10px; padding-top: 10px; padding-bottom: 10px;}
.ttlBox .cateBox .cateMenu a{display:inline-block; width: calc(50% - 5px); height: 30px; border-radius: 2px; line-height: 30px; border: 1px solid #898A8D; text-align: center; font-size: 14px;}
.ttlBox02 .cateBox .cateMenu{width: 100%; display: flex; justify-content:space-between; gap:10px; padding-top: 10px; padding-bottom: 10px;}
.ttlBox02 .cateBox .cateMenu a{display:inline-block; width: calc(50% - 5px); height: 30px; border-radius: 2px; line-height: 30px; border: 1px solid #898A8D; text-align: center; font-size: 14px;}
.ttlBox{padding:20px;}
.ttlBox h1{font-size: 20px; padding-top: 5px;}
.ttlBox h1{width:100%;}
.ttlBox02{padding:20px;}
.ttlBox02 h1{font-size: 20px; padding-top: 5px;}
}

@media only screen and (max-width:1000px) {
	.contentsBox{padding: 20px;}
}

.contentsBox{font-size: 16px;}
.contentsBox .contents h1{font-size:30px; line-height:40px; text-align:left;}
.contentsBox .contents h2{font-size:24px; line-height:30px; text-align:left;}
.contentsBox .contents h2.pb0{ padding:20px 0 0px;}
.contentsBox .contents h2.pb20{ padding:20px 0 20px;}
.contentsBox .contents h2.pb30{ padding:20px 0 30px;}
.contentsBox .contents h3{font-size:20px; line-height:20px; font-weight:normal; text-align:left; box-sizing: border-box; color: #1a1a1a;}
.contentsBox .contents h4{font-size:20px; line-height:24px; font-weight:bold; width:auto; height:auto; padding-top:5px; padding-bottom:5px; margin-top:10px; }
.contentsBox .contents aside{font-size: 16px;}
.contentsBox .contents{margin:0 auto 20px; max-width:880px; height:auto; padding: 0 0; box-sizing: border-box;}

@media only screen and (min-width:640px) and (max-width:940px) {
.contentsBox{font-size: 16px;}
.contentsBox .contents h2{font-size:20px;}
.contentsBox .contents h3{font-size:18px;}
}

@media only screen and (max-width:639px) {
.contentsBox{font-size: 16px;}
.contentsBox .contents h2{font-size:18px;}
.contentsBox .contents h3{font-size:16px;}
}

.contentsBox .contentsL h1{font-size:30px; line-height:36px; text-align:left;}
.contentsBox .contentsL h2{font-size:24px; line-height:30px; text-align:left;}
.contentsBox .contentsL h2.pb0{ padding:20px 0 0px;}
.contentsBox .contentsL h2.pb20{ padding:20px 0 20px;}
.contentsBox .contentsL h2.pb30{ padding:20px 0 30px;}
.contentsBox .contentsL h3{font-size:20px; line-height:20px; font-weight:normal; text-align:left; box-sizing: border-box; color: #1a1a1a;}
.contentsBox .contentsL h4{font-size:20px; line-height:24px; font-weight:bold; width:auto; height:auto; padding-top:5px; padding-bottom:5px; margin-top:10px; }
.contentsBox .contentsL{margin:0 auto 20px; width: 100%; height:auto; padding: 0 0; box-sizing: border-box;}

.contentsBox .contentsL aside{font-size: 12px;}

@media only screen and (min-width:640px) and (max-width:940px) {
.contentsBox{font-size: 16px;}
.contentsBox .contentsL h2{font-size:20px;}
.contentsBox .contentsL h3{font-size:18px;}
}

@media only screen and (max-width:639px) {
.contentsBox{font-size: 16px;}
.contentsBox .contentsL h2{font-size:18px;}
.contentsBox .contentsL h3{font-size:16px;}
}


.contentsBox .contentsL .topTtl{height: 100%; display: flex; justify-content: flex-end; align-items: center;margin-right: 50px;}
.contentsBox .contentsL .topTtl{background: url("../img/common/line01.jpg") no-repeat center; display: flex; justify-content: space-between; align-items: center;}
.contentsBox .contentsL .topTtl .ttl{width:auto;}
.contentsBox .contentsL .topTtl .ttlimg{width:auto; margin-left: 50px;}
.contentsBox .contentsL .topTtl .ttlimg img{width: 133px; height: 300px;}

.contentsBox .contentsL .ttlimg02{max-width: 440px; text-align: left; height: 100%; display: flex; justify-content: flex-end; align-items: center;}


.contentsBox .contentsL .topTtl .ttl h1{line-height: 40px;}
.contentsBox .contentsL .topTtl .ttl h2{line-height: 40px;}

.contentsBox .contentsL .topTtl .ttl02{display: flex; flex-direction: column; justify-content: flex-end; align-items: center;}
.contentsBox .contentsL .topTtl .ttl02 h1{line-height: 40px; height: 80px;font-size:24px;}
.contentsBox .contentsL .topTtl .ttl02 h1{display: flex; flex-direction: column; justify-content: flex-end;}
.contentsBox .contentsL .topTtl .ttl02 h2{line-height: 40px; height: 80px;font-size:18px;}

.contentsBox .spbr{display: none;}
.contentsBox .pcbr{display: inline;}
.contentsBox .tbbr{display: none;}

.contentsBox .contentsL .topTtl02{height: 100%; margin-left: 50px;}
.contentsBox .contentsL .topTtl02{display: flex; align-items: center;}
.contentsBox .contentsL .flexBox .topTtl02{justify-content:flex-start;}
.contentsBox .contentsL .flexBoxR .topTtl02{justify-content:flex-end;}
.contentsBox .contentsL .flexBoxR .topTtl02{margin-right: 50px;}
.contentsBox .contentsL .topTtl02 .ttl{width:auto;}
.contentsBox .contentsL .topTtl02 .ttl h1{line-height: 40px;}
.contentsBox .contentsL .topTtl02 .ttl h2{line-height: 40px; font-size:24px;}


@media only screen and (min-width:640px) and (max-width:1050px) {
.contentsBox .contentsL .topTtl{margin-right: 30px;}
.contentsBox .contentsL .topTtl .ttlimg{margin-left: 20px;}
.contentsBox .contentsL .topTtl .ttlimg img{width: 133px; height: 300px;}
.contentsBox .contentsL h1{font-size:24px;}
.contentsBox .contentsL h2{font-size:18px;}
.contentsBox .contentsL .topTtl .ttl h1{line-height: 30px;}
.contentsBox .contentsL .topTtl .ttl h2{line-height: 30px;}
	
.contentsBox .contentsL .topTtl .ttl02 h1{line-height: 30px; height: 60px;font-size:20px;}
.contentsBox .contentsL .topTtl .ttl02 h2{line-height: 30px; height: 60px;font-size:16px;}
	
.contentsBox .contentsL .topTtl02{height: 100%; margin-left: 30px;}
.contentsBox .contentsL .topTtl02{display: flex; justify-content:flex-start; align-items: center;}
.contentsBox .contentsL .topTtl02 .ttl{width:auto;}
.contentsBox .contentsL .topTtl02 .ttl h1{line-height: 30px;}
.contentsBox .contentsL .topTtl02 .ttl h2{line-height: 30px;}	
	
.contentsBox .tbbr{display: inline;}
.contentsBox .pcbr{display: none;}
.contentsBox .spbr{display: none;}
}


@media only screen and (max-width:800px) {
.contentsBox .contentsL .topTtl02{margin-left: 0;}
.contentsBox .contentsL .topTtl02 .ttl h2{text-align: left;}
.contentsBox .contentsL h2{padding-top: 30px;}
.contentsBox .contentsL .ttlimg02{max-width: 800px; width: 100%; text-align: left;}
}

@media only screen and (max-width:639px) {
.contentsBox .contentsL .topTtl{margin-right: 0px;}
.contentsBox .contentsL .topTtl .ttlimg{margin-left: 20px;}
.contentsBox .contentsL .topTtl .ttlimg img{width: 106px; height: 240px;}
.contentsBox .contentsL .topTtl .ttl h1{line-height: 30px;}
.contentsBox .contentsL .topTtl .ttl h2{line-height: 30px;}
	
.contentsBox .contentsL h1{font-size:24px;}
.contentsBox .contentsL h2{font-size:18px; text-align: right; padding-top: 30px; width: 100%;}
.contentsBox .spbr{display: inline;}
.contentsBox .pcbr{display: none;}
.contentsBox .tbbr{display: none;}
	
.contentsBox .contentsL .flexBox .topTtl02{justify-content:center; padding-top: 20px;}
.contentsBox .contentsL .flexBoxR .topTtl02{justify-content:center; padding-top: 20px;}

.contentsBox .contentsL .flexBoxR .topTtl02{margin-right: 0px;}
.contentsBox .contentsL .topTtl02{height: 100%; margin-left: 0;}
.contentsBox .contentsL .topTtl02{display: flex; justify-content:center; align-items: center;}
.contentsBox .contentsL .topTtl02 .ttl{width:auto; display: flex; justify-content:center; align-items: center;}
.contentsBox .contentsL .topTtl02 .ttlimg{width:auto; margin-left: 20px;}
.contentsBox .contentsL .topTtl02 .ttlimg img{width: 133px; height: 300px;}
.contentsBox .contentsL .topTtl02 .ttl h1{line-height: 30px;}
.contentsBox .contentsL .topTtl02 .ttl h2{line-height: 30px; text-align: left;}	
	
}

ul.boxList01{display: flex; justify-content:space-between; flex-wrap: wrap; width: 100%;}
ul.boxList01 h3{padding-bottom: 10px; font-size: 16px;}
ul.boxList01 p{font-size: 14px;padding-bottom: 30px;}
ul.boxList01 li{width: 280px;}
ul.boxList01 li img{width: 100%; height: auto;}


@media only screen and (min-width:640px) and (max-width:940px) {
ul.boxList01{justify-content:center; gap:20px;}
}

@media only screen and (max-width:639px) {
ul.boxList01 li{width: 360px;}
ul.boxList01{justify-content:center; gap:20px;}
}

.contentsBox .contents .NewsListBox{width: 100%; height:auto;}
.contentsBox .contents .NewsListBox h3{font-size: 30px; font-weight: normal; margin-bottom:20px;}
.contentsBox .contents .NewsListBox ul{list-style: none; font-size: 16px;}
.contentsBox .contents .NewsListBox ul li dl{display: flex; justify-content:flex-start; width: 100%; flex-direction: row;}
.contentsBox .contents .NewsListBox ul li{padding: 5px 0; margin-bottom: 10px; border-bottom: #898A8D solid 1px;}

.contentsBox .contents .NewsList span.news{border-radius: 3px; background:#00A9E0; text-align: center; padding:5px 10px; margin-left:10px; color: #FFFFFF;}
.contentsBox .contents .NewsList dt{width: 200px; padding-bottom: 10px;}
.contentsBox .contents .NewsList dd{width:calc(100% - 200px);}
.contentsBox .contents .NewsList dd a{color:#1a1a1a; text-decoration: none;}

ul.news li{padding-bottom: 5px; padding-left: 15px; background: url("../img/icon/lien05.png") no-repeat left center;}


@media only screen and (min-width:640px) and (max-width:940px) {
.contentsBox .contents .NewsListBox ul{font-size: 14px;}
}

@media only screen and (max-width:639px) {
.contentsBox .contents .NewsListBox ul li dl{flex-direction:column;}
.contentsBox .contents .NewsList dt{width:100%; padding-bottom: 10px;}
.contentsBox .contents .NewsList dd{width:100%;}
.contentsBox .contents .NewsListBox ul{font-size: 14px;}
}





.contentsBox .contents ul.contentsTable01 li{width: 100%;}
.contentsBox .contents ul.contentsTable01 li:first-child{border-top: #898A8D solid 1px;}
.contentsBox .contents ul.contentsTable01 dl{padding: 2px 0; border-bottom: #898A8D solid 1px; display: flex;}
.contentsBox .contents ul.contentsTable01 dl:after {content:""; display:block; clear:both; overflow:hidden;}
.contentsBox .contents ul.contentsTable01 dt{padding: 18px 25px; box-sizing: border-box; background-color: rgba(232,233,233,1);display: flex; justify-content:flex-start; align-items: center;}
.contentsBox .contents ul.contentsTable01 dd{padding: 18px 25px; box-sizing: border-box;}
.contentsBox .contents ul.contentsTable01 dd span{font-size: 14px; font-weight: normal;}
.contentsBox .contents ul.contentsTable01 dt{font-size: 16px; font-weight: normal;}
.contentsBox .contents ul.contentsTable01 dd{font-size: 16px; font-weight: normal;}
.contentsBox .contents ul.contentsTable01 dt{width: 200px;}
.contentsBox .contents ul.contentsTable01 dd{width: calc(100% - 200px);}

@media only screen and (min-width:640px) and (max-width:940px) {

}

@media only screen and (max-width:639px) {
.contentsBox .contents ul.contentsTable01 dt{width: 120px;}
.contentsBox .contents ul.contentsTable01 dd{width: calc(100% - 120px);}
.contentsBox .contents ul.contentsTable01 dd span{font-size: 12px;}
.contentsBox .contents ul.contentsTable01 dt{font-size: 14px;}
.contentsBox .contents ul.contentsTable01 dd{font-size: 14px;}
}

.contentsBox .contents ul.contentsTable02 dl.ttl{padding: 2px 0; border-bottom: #898A8D solid 1px; display: flex; text-align: center;}
.contentsBox .contents ul.contentsTable02 dl.ttl dt{padding: 10px; box-sizing: border-box; background: none;display: flex; justify-content: center; align-items: center;}
.contentsBox .contents ul.contentsTable02 dl.ttl dd{padding: 10px; box-sizing: border-box;display: flex; justify-content: center; align-items: center;}
.contentsBox .contents ul.contentsTable02 dl.ttl dd span{font-size: 14px; font-weight: normal;}
.contentsBox .contents ul.contentsTable02 dl.ttl dt{font-size: 16px; font-weight: normal;}
.contentsBox .contents ul.contentsTable02 dl.ttl dd{font-size: 16px; font-weight: normal;}
.contentsBox .contents ul.contentsTable02 dl.ttl dt{width: 200px;}
.contentsBox .contents ul.contentsTable02 dl.ttl dd{width: calc(50% - 100px);}

.contentsBox .contents ul.contentsTable02 li{width: 100%;}
.contentsBox .contents ul.contentsTable02 li:first-child{border-top: none;}
.contentsBox .contents ul.contentsTable02 dl.list{padding: 2px 0; border-bottom: #898A8D solid 1px; display: flex;}
.contentsBox .contents ul.contentsTable02 dl.list dt{padding:15px 25px; box-sizing: border-box; background-color: rgba(232,233,233,1);}
.contentsBox .contents ul.contentsTable02 dl.list dd{padding:15px 25px; box-sizing: border-box; text-align: center;}
.contentsBox .contents ul.contentsTable02 dl.list dd span{font-size: 20px; font-weight: normal;}
.contentsBox .contents ul.contentsTable02 dl.list dt{font-size: 16px; line-height: 25px; font-weight: normal;}
.contentsBox .contents ul.contentsTable02 dl.list dd{font-size: 25px; line-height: 25px; font-weight: normal;}
.contentsBox .contents ul.contentsTable02 dl.list dt{width: 200px;}
.contentsBox .contents ul.contentsTable02 dl.list dd{width: calc(50% - 100px);}

@media only screen and (min-width:640px) and (max-width:940px) {

}

@media only screen and (max-width:639px) {
.contentsBox .contents ul.contentsTable02 dl.ttl dt{width: 120px;}
.contentsBox .contents ul.contentsTable02 dl.ttl dd{width: calc(50% - 60px);}
.contentsBox .contents ul.contentsTable02 dl.list dt{width: 120px;}
.contentsBox .contents ul.contentsTable02 dl.list dd{width: calc(50% - 60px);}
.contentsBox .contents ul.contentsTable02 dl.ttl dd span{font-size: 12px;}
.contentsBox .contents ul.contentsTable02 dl.ttl dt{font-size: 14px; line-height: 25px;}
.contentsBox .contents ul.contentsTable02 dl.ttl dd{font-size: 14px; line-height: 25px;}
.contentsBox .contents ul.contentsTable02 dl.list dd span{font-size: 16px;}
.contentsBox .contents ul.contentsTable02 dl.list dt{font-size: 14px; line-height: 25px;}
.contentsBox .contents ul.contentsTable02 dl.list dd{font-size: 20px; line-height: 25px;}
}

.contentsBox .contents ul.contentsTable03 li{width: 100%;}
.contentsBox .contents ul.contentsTable03 li:first-child{border-top: #898A8D solid 1px;}
.contentsBox .contents ul.contentsTable03 li:last-child{border-bottom: #898A8D solid 1px;}
.contentsBox .contents ul.contentsTable03 dl{padding: 0; display: flex; justify-content:space-between;}
.contentsBox .contents ul.contentsTable03 dl{background:url("../img/icon/line03.png") no-repeat center;}
.contentsBox .contents ul.contentsTable03 dd{box-sizing: border-box; background: #898A8D; border-radius: 10px; text-align: center; display: flex; justify-content: center; align-items: center; line-height: 20px;}
.contentsBox .contents ul.contentsTable03 dd.bus{padding: 0; width: 40px; height: auto; box-sizing: border-box; background:url("../img/icon/bus.png") no-repeat center;}
.contentsBox .contents ul.contentsTable03 dd.train{padding: 0; width: 40px; height: auto; box-sizing: border-box; background:url("../img/icon/train.png") no-repeat center;}
.contentsBox .contents ul.contentsTable03 dd.transfer{background:url("../img/icon/line03.png") no-repeat center,#898A8D;}
.contentsBox .contents ul.contentsTable03 dd{font-size: 14px; font-weight:normal; text-align: center; color:#FFFFFF;}
.contentsBox .contents ul.contentsTable03 dd{width: 180px;}
.contentsBox .contents ul.contentsTable03 h3{font-size: 16px; font-weight: normal;}
.contentsBox .contents ul.contentsTable03 span{display: inline-block; width: 100%; font-size: 14px; text-align: center;}

.contentsBox .contents ul.contentsTable03 li:first-child{padding-top: 0px;}
.contentsBox .contents ul.contentsTable03 li:last-child{padding-bottom: 20px;}
.contentsBox .contents ul.contentsTable03 h3{padding-top: 20px; padding-bottom: 10px;}
.contentsBox .contents ul.contentsTable03 dd{padding:20px 0; line-height:20px;}
.contentsBox .contents ul.contentsTable03 dd.transfer{padding:10px 0; line-height:30px;}


@media only screen and (min-width:640px) and (max-width:940px) {

}

@media only screen and (max-width:639px) {
.contentsBox .contents ul.contentsTable03 h3{font-size: 14px;}
.contentsBox .contents ul.contentsTable03 dd{font-size: 12px;}
.contentsBox .contents ul.contentsTable03 dd.bus{display: none;}
.contentsBox .contents ul.contentsTable03 dd.train{display: none;}
.contentsBox .contents ul.contentsTable03 dd.transfer{background:#898A8D;}
.contentsBox .contents ul.contentsTable03 dd.transfer{line-height:20px;}
.contentsBox .contents ul.contentsTable03 dl{gap:5px;}
.contentsBox .contents ul.contentsTable03 span{font-size: 12px;}
}


.contentsBox .contents .destinationBox{border-top: #898A8D solid 1px; border-bottom: #898A8D solid 1px; padding: 30px 0;}
.contentsBox .contents .destinationBox p{display: inline-block; width: 100%; font-size: 14px; text-align: center;}
.contentsBox .contents .destinationBox span{display: inline-block; width: 100%; font-size: 14px; padding-left: 40px; padding-top: 10px;}
.contentsBox .contents .destinationBox li{width: 100%;}
.contentsBox .contents .destinationBox h3{font-size: 16px; font-weight: normal;}
.contentsBox .contents .destinationBox .sp{display: none;}
.contentsBox .contents .destinationBox .tb{display: none;}



@media only screen and (min-width:680px) and (max-width:880px) {
.contentsBox .contents .destinationBox .pc{display: none;}
.contentsBox .contents .destinationBox .tb{display: inline;}
.contentsBox .contents .destinationBox .sp{display: none;}
}

@media only screen and (max-width:679px) {
.contentsBox .contents .destinationBox span{font-size: 12px;}
.contentsBox .contents .destinationBox .pc{display: none;}
.contentsBox .contents .destinationBox .tb{display: none;}
.contentsBox .contents .destinationBox .sp{display: inline;}
.contentsBox .contents .destinationBox span{padding-left: 0px;}
}



.contentsBox .contents ul.contentsTable04 li{width: 100%;}
.contentsBox .contents ul.contentsTable04 li:first-child{border-top: #898A8D solid 1px;}
.contentsBox .contents ul.contentsTable04 li:last-child{border-bottom: #898A8D solid 1px;}
.contentsBox .contents ul.contentsTable04 dl{display: flex; justify-content:space-between;}
.contentsBox .contents ul.contentsTable04 dl{background:url("../img/icon/line03.png") no-repeat center;}
.contentsBox .contents ul.contentsTable04 dt{box-sizing: border-box; background-color:#d9dadb; border-radius: 10px; text-align: center; display: flex; justify-content: center; align-items: center;}
.contentsBox .contents ul.contentsTable04 dd{box-sizing: border-box; background: #898A8D; border-radius: 10px; text-align: center; display: flex; justify-content: center; align-items: center;}
.contentsBox .contents ul.contentsTable04 dd.bus{padding: 0; width: 40px; height: auto; box-sizing: border-box; background:url("../img/icon/bus.png") no-repeat center;}
.contentsBox .contents ul.contentsTable04 dd.train{padding: 0; width: 40px; height: auto; box-sizing: border-box; background:url("../img/icon/train.png") no-repeat center;}
.contentsBox .contents ul.contentsTable04 dd.car{padding: 0; width: 40px; height: auto; box-sizing: border-box; background:url("../img/icon/car.png") no-repeat center;}
.contentsBox .contents ul.contentsTable04 dd.bicycle{padding: 0; width: 40px; height: auto; box-sizing: border-box; background:url("../img/icon/bicycle.png") no-repeat center;}
.contentsBox .contents ul.contentsTable04 dd.transfer{line-height: 40px;background:url("../img/icon/line03.png") no-repeat center,#898A8D;}
.contentsBox .contents ul.contentsTable04 dd span{font-size: 14px; font-weight: normal; color:#FFFFFF;}
.contentsBox .contents ul.contentsTable04 dd{font-size: 14px; font-weight: normal; color:#FFFFFF;}
.contentsBox .contents ul.contentsTable04 dt{width: 180px; font-size: 14px;}
.contentsBox .contents ul.contentsTable04 dd{width: calc(100% - 300px);}

.contentsBox .contents ul.contentsTable04 li{padding-top:20px;}
.contentsBox .contents ul.contentsTable04 li:last-child{padding-bottom: 20px;}
.contentsBox .contents ul.contentsTable04 h3{padding-top: 20px; padding-bottom: 10px;}
.contentsBox .contents ul.contentsTable04 dd{padding:20px 20px; line-height:20px;}
.contentsBox .contents ul.contentsTable04 dd.transfer{padding:10px 0; line-height:30px;}


@media only screen and (min-width:640px) and (max-width:940px) {

}

@media only screen and (max-width:639px) {
.contentsBox .contents ul.contentsTable04 h3{font-size: 14px;}
.contentsBox .contents ul.contentsTable04 dd.bus{display: none;}
.contentsBox .contents ul.contentsTable04 dd.train{display: none;}
.contentsBox .contents ul.contentsTable04 dd.car{display: none;}
.contentsBox .contents ul.contentsTable04 dd.bicycle{display: none;}
.contentsBox .contents ul.contentsTable04 dt{width: 90px; font-size: 14px;}
.contentsBox .contents ul.contentsTable04 dd{font-size: 12px; font-weight: normal;}
.contentsBox .contents ul.contentsTable04 dd{width: calc(100% - 110px);}
}


.contentsBox .contents ul.contentsTable05 dl.ttl{padding: 2px 0; border-bottom: #898A8D solid 1px; display: flex; text-align: center;}
.contentsBox .contents ul.contentsTable05 dl.ttl dt{padding: 10px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; background: none;}
.contentsBox .contents ul.contentsTable05 dl.ttl dd{padding: 10px; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.contentsBox .contents ul.contentsTable05 dl.ttl dd span{font-size: 14px;}
.contentsBox .contents ul.contentsTable05 dl.ttl dt{font-size: 16px;}
.contentsBox .contents ul.contentsTable05 dl.ttl dd{font-size: 16px;}
.contentsBox .contents ul.contentsTable05 dl.ttl dt{width: 300px;}
.contentsBox .contents ul.contentsTable05 dl.ttl dd{width: calc(50% - 150px);}

.contentsBox .contents ul.contentsTable05 li{width: 100%;}
.contentsBox .contents ul.contentsTable05 li:first-child{border-top: none;}
.contentsBox .contents ul.contentsTable05 dl.list{padding: 2px 0; border-bottom: #898A8D solid 1px; display: flex;}
.contentsBox .contents ul.contentsTable05 dl.list dt{padding: 20px; box-sizing: border-box; text-align: center; display: flex; justify-content: center; align-items: center;}
.contentsBox .contents ul.contentsTable05 dl.list dd{padding: 20px; box-sizing: border-box; text-align: center; display: flex; justify-content: center; align-items: center;}
.contentsBox .contents ul.contentsTable05 dl.list dd:nth-child(2){border-left: #898A8D dotted 1px; border-right: #898A8D dotted 1px;}
.contentsBox .contents ul.contentsTable05 dl.list dd span{font-size: 14px;}
.contentsBox .contents ul.contentsTable05 dl.list dt{font-size: 16px;}
.contentsBox .contents ul.contentsTable05 dl.list dd{font-size: 16px;}
.contentsBox .contents ul.contentsTable05 dl.list dt{width: 300px;}
.contentsBox .contents ul.contentsTable05 dl.list dd{width: calc(50% - 150px);}


@media only screen and (min-width:640px) and (max-width:940px) {
.contentsBox .contents ul.contentsTable05 dl.ttl dt{width: calc(100%/3);}
.contentsBox .contents ul.contentsTable05 dl.ttl dd{width: calc(100%/3);}
.contentsBox .contents ul.contentsTable05 dl.list dt{width: calc(100%/3);}
.contentsBox .contents ul.contentsTable05 dl.list dd{width: calc(100%/3);}
}

@media only screen and (max-width:639px) {
.contentsBox .contents ul.contentsTable05 dl.ttl dt{width: calc(100%/3);}
.contentsBox .contents ul.contentsTable05 dl.ttl dd{width: calc(100%/3);}
.contentsBox .contents ul.contentsTable05 dl.list dt{width: calc(100%/3);}
.contentsBox .contents ul.contentsTable05 dl.list dd{width: calc(100%/3);}
.contentsBox .contents ul.contentsTable05 dl.ttl dt{font-size: 14px;}
.contentsBox .contents ul.contentsTable05 dl.ttl dd{font-size: 14px;}
.contentsBox .contents ul.contentsTable05 dl.list dt{font-size: 14px;}
.contentsBox .contents ul.contentsTable05 dl.list dd{font-size: 14px;}
}




.contentsBox .contents ul.contentsTable06 li{width: 100%;}
.contentsBox .contents ul.contentsTable06 li:first-child{border-top: #898A8D solid 1px;}
.contentsBox .contents ul.contentsTable06 dl{padding: 2px 0; border-bottom: #898A8D solid 1px; display: flex; justify-content: center; align-items: center;}
.contentsBox .contents ul.contentsTable06 dt{padding: 20px 10px; box-sizing: border-box;}
.contentsBox .contents ul.contentsTable06 dd{padding: 20px 10px; box-sizing: border-box;}
.contentsBox .contents ul.contentsTable06 dd span{font-size: 14px;}
.contentsBox .contents ul.contentsTable06 dt{font-size: 16px;}
.contentsBox .contents ul.contentsTable06 dd{font-size: 16px;}
.contentsBox .contents ul.contentsTable06 dt{width: 150px;}
.contentsBox .contents ul.contentsTable06 dd{width: calc(100% - 150px);}

@media only screen and (min-width:640px) and (max-width:940px) {
	
}

@media only screen and (max-width:639px) {
.contentsBox .contents ul.contentsTable06 dt{font-size: 14px;}
.contentsBox .contents ul.contentsTable06 dd{font-size: 14px;}
.contentsBox .contents ul.contentsTable06 dt{width: 100px;}
.contentsBox .contents ul.contentsTable06 dd{width: calc(100% - 100px);}
.contentsBox .contents ul.contentsTable06 dt{padding: 10px 10px;}
.contentsBox .contents ul.contentsTable06 dd{padding: 10px 10px;}
}

.contentsBox .contents ul.contentsTable07 h3{font-weight: normal;}
.contentsBox .contents ul.contentsTable07 li{width: 100%;}
.contentsBox .contents ul.contentsTable07 li:first-child{border-top: #CCCCCC solid 1px;}
.contentsBox .contents ul.contentsTable07 dl{padding: 2px 0; border-bottom: #CCCCCC solid 1px; display: flex; justify-content: center; align-items: center;}
.contentsBox .contents ul.contentsTable07 dt{padding: 5px 10px; box-sizing: border-box; text-align: center;}
.contentsBox .contents ul.contentsTable07 dd{padding: 5px 10px; box-sizing: border-box;}
.contentsBox .contents ul.contentsTable07 dd span{font-size: 14px;}
.contentsBox .contents ul.contentsTable07 dt{font-size: 16px; text-align: right;}
.contentsBox .contents ul.contentsTable07 dd{font-size: 16px;}
.contentsBox .contents ul.contentsTable07 dt{width: 80px;}
.contentsBox .contents ul.contentsTable07 dd{width: calc(100% - 80px);}

@media only screen and (min-width:640px) and (max-width:940px) {
	
}

@media only screen and (max-width:639px) {
.contentsBox .contents ul.contentsTable07 dt{font-size: 14px;}
.contentsBox .contents ul.contentsTable07 dd{font-size: 14px;}
.contentsBox .contents ul.contentsTable07 dt{width: 100px;}
.contentsBox .contents ul.contentsTable07 dd{width: calc(100% - 80px);}
.contentsBox .contents ul.contentsTable07 dt{padding: 5px 10px;}
.contentsBox .contents ul.contentsTable07 dd{padding: 5px 10px;}
}


.contentsBox .contents ul.contentsTable08 dl.ttl{padding: 2px 0; border-bottom: #898A8D solid 1px; display: flex; text-align: center;}
.contentsBox .contents ul.contentsTable08 dl.ttl dt{padding: 10px; box-sizing: border-box; background: none;display: flex; justify-content: center; align-items: center;}
.contentsBox .contents ul.contentsTable08 dl.ttl dd{padding: 10px; box-sizing: border-box;display: flex; justify-content: center; align-items: center;}
.contentsBox .contents ul.contentsTable08 dl.ttl dd span{font-size: 14px; font-weight: normal;}
.contentsBox .contents ul.contentsTable08 dl.ttl dt{font-size: 16px; font-weight: normal;}
.contentsBox .contents ul.contentsTable08 dl.ttl dd{font-size: 16px; font-weight: normal;}
.contentsBox .contents ul.contentsTable08 dl.ttl dt{width: 200px;}
.contentsBox .contents ul.contentsTable08 dl.ttl dd{width: calc(50% - 100px);}

.contentsBox .contents ul.contentsTable08 li{width: 100%;}
.contentsBox .contents ul.contentsTable08 li:first-child{border-top: #898A8D solid 1px;}
.contentsBox .contents ul.contentsTable08 dl.list{padding: 2px 0; border-bottom: #898A8D solid 1px; display: flex;}
.contentsBox .contents ul.contentsTable08 dl.list dt{padding:15px 25px; box-sizing: border-box; background-color: rgba(232,233,233,1);}
.contentsBox .contents ul.contentsTable08 dl.list dd{padding:15px 25px; box-sizing: border-box; text-align: center;}
.contentsBox .contents ul.contentsTable08 dl.list dd span{font-size: 14px; font-weight: normal;}
.contentsBox .contents ul.contentsTable08 dl.list dt{font-size: 16px; line-height: 25px; font-weight: normal;}
.contentsBox .contents ul.contentsTable08 dl.list dd{font-size: 25px; line-height: 25px; font-weight: normal;}
.contentsBox .contents ul.contentsTable08 dl.list dt{width: 200px;}
.contentsBox .contents ul.contentsTable08 dl.list dd{width: calc(100% - 200px);}

@media only screen and (min-width:640px) and (max-width:940px) {

}

@media only screen and (max-width:639px) {
.contentsBox .contents ul.contentsTable08 dl.ttl dt{width:120px;}
.contentsBox .contents ul.contentsTable08 dl.ttl dd{width:calc(100% - 120px);}
.contentsBox .contents ul.contentsTable08 dl.list dt{width:120px;}
.contentsBox .contents ul.contentsTable08 dl.list dd{width:calc(100% - 120px);}
.contentsBox .contents ul.contentsTable08 dl.ttl dd span{font-size: 12px;}
.contentsBox .contents ul.contentsTable08 dl.ttl dt{font-size: 14px; line-height: 25px;}
.contentsBox .contents ul.contentsTable08 dl.ttl dd{font-size: 14px; line-height: 25px;}
.contentsBox .contents ul.contentsTable08 dl.list dd span{font-size: 12px;}
.contentsBox .contents ul.contentsTable08 dl.list dt{font-size: 14px; line-height: 25px;}
.contentsBox .contents ul.contentsTable08 dl.list dd{font-size: 20px; line-height: 25px;}
}





.contentsBox .contents ul{padding-bottom: 20px;}


.contentsBox .contents ul.list01 {padding: 20px 0;}
.contentsBox .contents ul.list01 li{padding:10px 5px; padding-left: 30px; background: url("../img/icon/line.png") no-repeat left center;}


.contentsBox .contents ul.list02 {padding: 0;}
.contentsBox .contents ul.list02 li{padding:10px 5px; padding-left: 30px; background: url("../img/icon/line.png") no-repeat left center;}

.contentsBox .contents .attentionBox01 .icon{width: 100px;}
.contentsBox .contents .attentionBox01 .attention{width:calc(100% - 120px); display: flex; align-items: center;}

.contentsBox .contents .attentionBox02{display: flex; align-items:center; flex-direction: column; width: 100%;}
.contentsBox .contents .attentionBox02 h2{display: flex; justify-content:center; width: 100%;}
.contentsBox .contents .attentionBox02 ul{padding:20px; width: 100%; box-sizing: border-box; background: #EEEEEE; border: 1px solid #898A8D;}
.contentsBox .contents .attentionBox02 li{width: 100%; padding-left: 15px; background: url("../img/icon/lien05.png") no-repeat left center;box-sizing: border-box;}

.contentsBox .contents .guideBox{padding: 0 20px;}
.contentsBox .contents .guideBox h3{font-size:18px; font-weight: 700; padding: 20px 0;}
.contentsBox .contents .guideBox div.guideImg{width: 100%; text-align: center; padding-bottom: 30px;}
.contentsBox .contents .guideBox div.guide{width: 100%;}
.contentsBox .contents .guideBox p.guide{padding:20px 0 0;}
.contentsBox .contents .guideBox ul.guideList {display: flex; flex-wrap: wrap; justify-content:space-between; width: 100%;}
.contentsBox .contents .guideBox ul.guideList li{padding:0px; padding-left: 20px; width: calc(50% - 20px); box-sizing: border-box;}


.contentsBox .contents .guideBox02{padding:0; display: flex; flex-wrap: wrap; justify-content:space-between; width: 100%;}
.contentsBox .contents .guideBox02 h3{font-size:18px; font-weight:normal; padding: 20px 0; width: 100%;}
.contentsBox .contents .guideBox02 div.guideImg{text-align: center; padding-bottom: 30px; width: 502px; box-sizing: border-box;}
.contentsBox .contents .guideBox02 div.guide{width: calc(100% - 502px);}
.contentsBox .contents .guideBox02 div.guide h3{padding: 20px 0 10px; padding-left: 20px;}
.contentsBox .contents .guideBox02 p.guide{padding:20px 0 0;}
.contentsBox .contents .guideBox02 ul.guideList {width: 100%; padding-left: 20px; box-sizing: border-box;}
.contentsBox .contents .guideBox02 ul.guideList li{padding:3px 0; padding-left: 20px; width: 100%; box-sizing: border-box;}
.contentsBox .contents .guideBox02 .guide_tb{display: none;}


@media only screen and (min-width:640px) and (max-width:940px) {
.contentsBox .contents .guideBox02{display: flex; flex-wrap: wrap; justify-content:space-between; flex-direction:row;}
.contentsBox .contents .guideBox02 h3{font-size:18px; font-weight:normal; padding: 20px 0; width: 100%;}
.contentsBox .contents .guideBox02 div.guideImg{text-align: center; padding-bottom: 30px; width: 100%; box-sizing: border-box;}
.contentsBox .contents .guideBox02 div.guideImg img{width: 502px; height: auto;}
.contentsBox .contents .guideBox02 div.guide{display: none;}
.contentsBox .contents .guideBox02 ul.guideList {width: 100%; padding-left: 20px; box-sizing: border-box;}
.contentsBox .contents .guideBox02 ul.guideList li{padding:3px 0; padding-left: 20px; width: 100%; box-sizing: border-box;}
.contentsBox .contents .guideBox02 div.guide_tb{display: block;}
.contentsBox .contents .guideBox02 div.guide_tb{width: calc(50% - 10px);}
.contentsBox .contents .guideBox02 div.guide_tb h3{padding: 20px 0 10px; padding-left: 20px;}
	
}

@media only screen and (max-width:639px) {
.contentsBox .contents .guideBox02{display: flex; flex-wrap: wrap; justify-content:space-between; flex-direction: column;}
.contentsBox .contents .guideBox02 h3{font-size:16px; font-weight:normal; padding: 20px 0 10px; width: 100%;}
.contentsBox .contents .guideBox02 div.guideImg{padding-bottom: 30px; width:100%;}
.contentsBox .contents .guideBox02 div.guide{width: 100%;}
.contentsBox .contents .guideBox02 div.guide h3{padding: 20px 0 10px; padding-left: 0px;}
.contentsBox .contents .guideBox02 p.guide{padding:20px 0 0;}
.contentsBox .contents .guideBox02 ul.guideList {width: 100%; padding-left: 0px;}
.contentsBox .contents .guideBox02 ul.guideList li{padding:3px 0; padding-left: 20px; width: 100%; box-sizing: border-box;}
}

.contentsBox .contents ul.guideList li.n01{background: url("../img/icon/01.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n02{background: url("../img/icon/02.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n03{background: url("../img/icon/03.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n04{background: url("../img/icon/04.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n05{background: url("../img/icon/05.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n06{background: url("../img/icon/06.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n07{background: url("../img/icon/07.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n08{background: url("../img/icon/08.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n09{background: url("../img/icon/09.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n10{background: url("../img/icon/10.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n11{background: url("../img/icon/11.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n12{background: url("../img/icon/12.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n13{background: url("../img/icon/13.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n14{background: url("../img/icon/14.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n15{background: url("../img/icon/15.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n16{background: url("../img/icon/16.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n17{background: url("../img/icon/17.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n18{background: url("../img/icon/18.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n19{background: url("../img/icon/19.png") no-repeat left center;}
.contentsBox .contents ul.guideList li.n20{background: url("../img/icon/20.png") no-repeat left center;}

.contentsBox .contents ul.guideList02 li.n01{background: url("../img/icon/01.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n02{background: url("../img/icon/02.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n03{background: url("../img/icon/03.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n04{background: url("../img/icon/04.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n05{background: url("../img/icon/05.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n06{background: url("../img/icon/06.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n07{background: url("../img/icon/07.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n08{background: url("../img/icon/08.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n09{background: url("../img/icon/09.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n10{background: url("../img/icon/10.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n11{background: url("../img/icon/11.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n12{background: url("../img/icon/12.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n13{background: url("../img/icon/13.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n14{background: url("../img/icon/14.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n15{background: url("../img/icon/15.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n16{background: url("../img/icon/16.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n17{background: url("../img/icon/17.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n18{background: url("../img/icon/18.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n19{background: url("../img/icon/19.png") no-repeat left center;}
.contentsBox .contents ul.guideList02 li.n20{background: url("../img/icon/20.png") no-repeat left center;}

.contentsBox span.required{display: inline-block; width: 45px; height: 40px; background: url("../img/icon/required.png") no-repeat center; float: right;}

.contentsBox .contents .floorBox{padding:0; display: flex; flex-wrap: wrap; justify-content:space-between; width: 100%;}
.contentsBox .contents .floorBox h3{font-size:18px; font-weight:normal; padding: 20px 0; width: 100%;}
.contentsBox .contents .floorBox div.floorMap{text-align: center; width: 500px; box-sizing: border-box; padding-top: 50px;}
.contentsBox .contents .floorBox div.floorImg{width: calc(100% - 520px);}
.contentsBox .contents .floorBox div.floorImg h3{padding:0; padding-left: 30px;background: url("../img/icon/line.png") no-repeat left center; margin-bottom: 10px;}
.contentsBox .contents .floorBox ul.floorList {width: 100%; box-sizing: border-box; display: flex; flex-direction: column;}
.contentsBox .contents .floorBox ul.floorList li{padding-left: 20px; padding-bottom: 5px; width: 100%; box-sizing: border-box; display:flex; justify-content: flex-start;}

.contentsBox .contents ul.floorList li.n01{background: url("../img/icon/b01.png") no-repeat left center;}
.contentsBox .contents ul.floorList li.n02{background: url("../img/icon/b02.png") no-repeat left center;}
.contentsBox .contents ul.floorList li.n03{background: url("../img/icon/b03.png") no-repeat left center;}
.contentsBox .contents ul.floorList li.n04{background: url("../img/icon/b04.png") no-repeat left center;}

.contentsBox .contents .facilityList{display: flex; flex-wrap: wrap; grid-column-gap: 20px; column-gap:20px; gap:20px;}
.contentsBox .contents .facilityList li{line-height: 40px; padding-left: 35px;}

.contentsBox .contents ul.facilityList li.f01{background: url("../img/icon/floor01.png") no-repeat left center;}
.contentsBox .contents ul.facilityList li.f02{background: url("../img/icon/floor02.png") no-repeat left center;}
.contentsBox .contents ul.facilityList li.f03{background: url("../img/icon/floor03.png") no-repeat left center;}
.contentsBox .contents ul.facilityList li.f04{background: url("../img/icon/floor04.png") no-repeat left center;}
.contentsBox .contents ul.facilityList li.f05{background: url("../img/icon/floor05.png") no-repeat left center;}
.contentsBox .contents ul.facilityList li.f06{background: url("../img/icon/floor06.png") no-repeat left center;}
.contentsBox .contents ul.facilityList li.f07{background: url("../img/icon/floor07.png") no-repeat left center;}
.contentsBox .contents ul.facilityList li.f08{background: url("../img/icon/floor08.png") no-repeat left center;}


@media only screen and (min-width:640px) and (max-width:940px) {
.contentsBox .contents .floorBox{display: flex; flex-wrap: wrap; justify-content:space-between; flex-direction:row;}
.contentsBox .contents .floorBox h3{font-size:18px;}
.contentsBox .contents .floorBox div.floorMap{text-align: center; padding-bottom: 30px; width: 100%; box-sizing: border-box;}
.contentsBox .contents .floorBox div.floorMap img{width: 500px; height: auto;}
.contentsBox .contents .floorBox ul.floorList {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;}
.contentsBox .contents .floorBox ul.floorList li{width: 50%;}
.contentsBox .contents .floorBox div.floorImg{width: 100%;}
.contentsBox .contents .floorBox div.floorImg{display: flex; flex-direction: row; justify-content: space-between;}
.contentsBox .contents .floorBox div.floor{width: calc(50% - 10px);}
.contentsBox .contents .floorBox div.floor02{width:100%;}
}

@media only screen and (max-width:639px) {
.contentsBox .contents .floorBox{display: flex; flex-wrap: wrap; justify-content:space-between; flex-direction: column;}
.contentsBox .contents .floorBox h3{font-size:16px;}
.contentsBox .contents .floorBox div.floorMap{padding-bottom: 30px; width:100%;}
.contentsBox .contents .floorBox div.floorImg{width: 100%;}
.contentsBox .contents .floorBox p.floorImg{padding:20px 0 0;}
.contentsBox .contents .floorBox ul.floorList {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;}
.contentsBox .contents .floorBox ul.floorList li{width: 50%;}
}


.pagerBox{font-size: 16px; width: 100%; display: flex; flex-direction:row;justify-content: space-between;}
.pagerBox .pagerAttention{width: 50%;}
.pagerBox ul.pager{display: flex; flex-direction: row; gap:10px; width: 50%;justify-content:flex-end;}
.pagerBox ul.pager li{border: none!important;}
.pagerBox ul.pager li a span{background:#898A8D; padding:0 7px; border-radius: 5px; color:#FFFFFF; display:flex; height: 20px; align-items: center;}
.pagerBox ul.pager li span{display:flex; height: 20px; align-items: center;}
.pagerBox ul.pager p{display:flex; height: 20px; align-items: center;}

@media only screen and (min-width:640px) and (max-width:940px) {
.pagerBox{flex-direction:column; flex-wrap: wrap;}
.pagerBox .pagerAttention{width: 100%;}
.pagerBox ul.pager{width: 100%; justify-content:flex-end;}
}

@media only screen and (max-width:639px) {
.pagerBox{flex-direction:column; flex-wrap: wrap;}
.pagerBox .pagerAttention{width: 100%;}
.pagerBox ul.pager{width: 100%; justify-content:flex-end;}
}

.photoListBox{padding: 20px; box-sizing: border-box; max-width: 940px; margin: 0 auto;}
.photoListBox h1{text-align: center; font-size: 25px;}
.photoListBox h3{text-align: center; font-size: 25px; border-bottom: 1px solid #898A8D; padding-bottom: 10px}
.photoListBox p{font-size: 16px; box-sizing: border-box; padding: 10px;}
.photoListBox ul.photoListEX{padding: 10px;}
.photoListBox ul.photoListEX li{padding-left: 15px; background: url("../img/icon/lien05.png") no-repeat left center; font-size: 16px;}
.photoListBox ul.photoListM{padding: 10px;}
.photoListBox ul.photoListM li{padding: 5px 0; padding-left: 20px; font-size: 16px;}

.photoListBox ul.photoListM li.n01{background: url("../img/icon/01.png") no-repeat left center;}
.photoListBox ul.photoListM li.n02{background: url("../img/icon/02.png") no-repeat left center;}
.photoListBox ul.photoListM li.n03{background: url("../img/icon/03.png") no-repeat left center;}
.photoListBox ul.photoListM li.n04{background: url("../img/icon/04.png") no-repeat left center;}
.photoListBox ul.photoListM li.n05{background: url("../img/icon/05.png") no-repeat left center;}

.photoListBox ul.photoList{padding: 20px 0; display: flex; width: 100%; justify-content:flex-start; flex-wrap: wrap;}
.photoListBox ul.photoList li dl{padding: 10px;}
.photoListBox ul.photoList li dt{font-size: 20px;}
.photoListBox ul.photoList li{width:calc(100%/3); box-sizing: border-box;}
.photoListBox ul.photoList li.DLBox{width: 100%; padding: 10px;}
.photoListBox dt{font-size: 16px;}

.photoListBox .attention{text-align: center; font-size: 18px; color: #DC1056;}

.photoListBox .photoListTTL{max-width: 640px; margin: 0 auto;}

.photoListBox .photoListFooter .logo{text-align: center;}

@media only screen and (min-width:640px) and (max-width:940px) {
.photoListBox ul.photoList{flex-direction:row;}
.photoListBox ul.photoList li{width:calc(100%/2);}
}

@media only screen and (max-width:639px) {
.photoListBox{padding: 40px;}
.photoListBox ul.photoList{flex-direction: column;}
.photoListBox ul.photoList li{width: 100%;}
}


@media only screen and (max-width:1000px) {
	.faqBox{padding: 20px;}
}
.faqBox a{color:#00A9E0;}
.faqBox .contents h2{font-size:30px; line-height:30px; text-align:left; padding:0;}
.faqBox .contents h3{font-size:20px; line-height:20px; font-weight:bold; text-align:left; width: auto; box-sizing: border-box; padding-bottom: 5px; background: url(../../common/img/icon/arrow.png) no-repeat 15px top; color: #252525;}
.faqBox .contents h4{font-size:20px; line-height:24px; font-weight:bold; width:auto; height:auto; padding-top:5px; padding-bottom:5px; margin-top:10px; }

.faqBox .contents{margin:0 auto 20px; max-width:880px; height:auto; padding: 0 0; box-sizing: border-box;}


.faqBox .contents ul{border-top: #898A8D solid 1px;}
.faqBox .contents ul ul{border-top: none;}
.faqBox .contents ul ul.attention li{padding-left: 15px; padding-top: 0px!important; padding-bottom: 0px!important; background: url("../img/icon/lien05.png") no-repeat left center;}

.faqBox .contents ul ul.attention li.supplement{padding-left: 15px; padding-top: 0px!important; padding-bottom: 0px!important; background: none;}

.faqBox .contents li{width: 100%; border-bottom: #898A8D solid 1px; padding-top: 20px; padding-bottom: 20px;}
.faqBox .contents li li{border-bottom: #898A8D dotted 1px;}
.faqBox .contents dl{padding: 10px 0; display: flex; justify-content:space-between; flex-direction:column; gap:10px;}
.faqBox .contents dt{font-size: 16px;}
.faqBox .contents dd{font-size: 16px;}

.faqBox .contents dd dl{padding:0 0 10px;}
.faqBox .contents dd li:first-child{padding: 0;}
.faqBox .contents dd li:last-child{border: none;}
.faqBox .contents dd li{padding-top:10px;}
.faqBox .contents dt{width:100%; box-sizing: border-box; padding-left: 40px;border-bottom: #898A8D dotted 1px; padding-bottom: 10px; background: url("../img/icon/Q.png") no-repeat 8px top;

}
.faqBox .contents dd{width:100%; box-sizing: border-box; padding-left: 40px;background: url("../img/icon/A.png") no-repeat 10px top;}
.faqBox .attention li{border: none!important;}


@media only screen and (min-width:640px) and (max-width:940px) {
}


@media only screen and (max-width:639px) {

}




a.DLBtn{display: block; width:100%; height:40px; border-radius: 5px; text-align: center; color:#FFFFFF; line-height:40px; border:none; background:#00A9E0; color:#FFFFFF; font-weight:normal; font-size: 16px; margin-top: 10px;}

h2.privacy{padding:0; font-size: 20px !important; margin:10px 0 5px; text-align:center !important; width: 100%:}
h3.privacy{padding:0; font-size: 16px !important; margin:10px 0 5px; text-align:left !important; width: 100%:}

p.privacy{padding:10px; font-size: 13px;}
p.overview{padding:10px 0 30px; font-size: 13px;}
p.enactment{padding:20px 10px;text-align: right; font-size: 13px;}
ul.privacy{padding:0 30px;}
ul.privacy{padding-bottom: 0px!important;}
ul.privacy li{list-style:decimal;font-size: 13px;}
ul.privacy ul{padding:0 20px;}
ul.privacy ul{padding-bottom: 0px!important;}
ul.privacy li li{list-style:lower-alpha; font-size: 13px;}


h2.privacy_en{padding:30px 0 20px; margin:0; font-size: 28px !important; font-weight: normal !important; text-align:left !important; width: 100%:}
h3.privacy_en{padding:20px 0 10px; margin:0; font-size: 24px !important; font-weight: normal !important; text-align:left !important; width: 100%:}
h4.privacy_en{padding:0; padding-bottom: 10px; margin:0; font-size: 20px !important; font-weight: normal !important; text-align:left !important; width: 100%:}

p.privacy_en{padding:10px!important; font-size: 13px;}
p.overview_en{padding:10px 0 10px; font-size: 13px;}
p.enactment_en{padding:20px 10px;text-align: right; font-size: 13px;}
ul.privacy_en{padding:10px 0 10px 30px!important;}
ul.privacy_en li{list-style:disc; font-size: 13px;}
ul.privacy_en ul{padding:0 20px;}
ul.privacy_en ul{padding-bottom: 0px!important;}
ul.privacy_en li li{list-style:lower-alpha; font-size: 13px;}

p.greeting{font-size: 20px; padding-bottom: 30px; line-height: 40px;}



@media only screen and (min-width:640px) and (max-width:940px) {
p.greeting{font-size: 18px; line-height: 30px;}
}

@media only screen and (max-width:639px) {
p.greeting{font-size: 16px; line-height: 30px;}
}


.special_ttl{padding-left: 140px; height: 100px; display: flex; align-items: center;}
.special_ttl01{background: url("../img/special/01_ttl.png") no-repeat 20px center;}
.special_ttl02{background: url("../img/special/02_ttl.png") no-repeat 20px center;}
.special_ttl03{background: url("../img/special/03_ttl.png") no-repeat 20px center;}

.group_ttl{padding-left: 100px; height: 60px; display: flex; flex-direction: column; font-size: 24px; justify-content: center; align-items: flex-start;}
.group_ttl_pl0{padding-left: 20px; height: 60px; font-size: 24px;}
.group_ttl span,.group_ttl_pl0 span{font-size: 16px;}

.group_ttl01{background: url("../img/group/01_ttl.png") no-repeat 20px center;}
.group_ttl02{background: url("../img/group/02_ttl.png") no-repeat 20px center;}
.group_ttl03{background: url("../img/group/03_ttl.png") no-repeat 20px center;}




.detail_spec{width:320px; box-sizing: border-box; padding-left: 10px;}
.detail_img {
   width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
   width : -webkit-calc(100% - 320px);
   width : calc(100% - 320px);
}

.detail_spec table{width: 100%; border-collapse: collapse; box-sizing:border-box; font-size: 15px; margin-bottom: 10px;}
.detail_spec table tr{padding: 0; border-bottom: 1px solid #7A7A7A;}
.detail_spec table tr:last-child{border-bottom:none;}
.detail_spec table th{min-width: 80px; text-align: center; vertical-align: middle; background:#434343; font-weight: bold; color: #FFFFFF; padding: 10px 0;}
.detail_spec table td{text-align: left; vertical-align: middle; padding-left: 5px; border-left: 1px solid #434343;}

ul.spec{list-style-position:inside; list-style: none; margin-bottom: 10px;}
ul.spec li{background: url(../../common/img/icon/arrow02.png) no-repeat left; padding-left: 20px;}
p.spec{padding: 0; font-size: 15px;}

.detail_img .Col50{box-sizing: border-box; padding:3px;}

.grayback{background:#D9DADB; padding: 10px;}

.tablearea{padding-top: 30px;}
.tablearea table{width: 100%; border-collapse: collapse;box-sizing: border-box;font-size: 16px;}

.tablearea table tr{padding: 0; border-bottom: 1px dotted #555555;}
.tablearea table th{line-height: 39px; height: 39px; box-sizing:border-box;  text-align: left; width: 25%; min-width: 100px; padding-left: 10px;}
.tablearea table td{width: auto; box-sizing: border-box;line-height: 39px; height: 39px;
}
.tablearea table ul li{ padding-left:5px; list-style:disc inside;}


.tablearea table.noborder{border:none; background: none;}
.tablearea table.noborder tr{border:none; background: none;}
.tablearea table.noborder th{border:none; background:none; padding-left: 30px;}
.tablearea table.noborder td{border:none;}
.tablearea p{line-height: 25px; font-size: 16px; padding: 10px 0 20px;}

.textbox{width:100%; height:40px; line-height:40px; border: solid 1px #555555; padding: 10px; box-sizing:border-box; background-color: rgba(100,100,100,0.1); border-radius: 5px;}
.menubox{width:100%; height:40px; border: dotted 1px #555555; padding:0 10px; box-sizing:border-box; background-color: rgba(100,100,100,0.1);}
.textbox02{width:calc(100%/2 - 40px); height:40px; line-height:40px; border: solid 1px #555555; padding: 10px; box-sizing:border-box; background-color: rgba(100,100,100,0.1); border-radius: 5px;}
.textbox03{width:calc(100%/3 - 30px); height:40px; line-height:40px; border: solid 1px #555555; padding: 10px; box-sizing:border-box; background-color: rgba(100,100,100,0.1); border-radius: 5px;}
.textbox04{width:60px; height:40px; line-height:40px; border: solid 1px #555555; padding: 10px; box-sizing:border-box; background-color: rgba(100,100,100,0.1); border-radius: 5px;}
.textbox05{width:100%; height:100px; line-height:40px; border: solid 1px #555555; padding: 10px; box-sizing:border-box; background-color: rgba(100,100,100,0.1); border-radius: 5px; margin-top: 10px;}

@media only screen and (min-width:640px) and (max-width:940px) {

}

@media only screen and (max-width:639px) {
.textbox02{width:calc(100% - 40px);}
.textbox03{width:calc(100%/3 - 30px);}
}


input[type="radio"] {
  appearance: none;
  margin:10px 10px 0 20px;
  width: 24px;
  height: 24px;
  background-color: rgba(232,233,233,1);
  box-shadow: inset 0 0 0 .4em white, 0 0 0 .3em;
  border-radius: 50%;
  transition: .2s;
  cursor: pointer;
  color: #555555;
}
input[type="radio"]:hover, input[type="radio"]:checked {
  background: #555555;
  box-shadow: inset 0 0 0 .6em white, 0 0 0 .3em;
}
input[type="radio"]:checked {
  background:#00A9E0;
  box-shadow: inset 0 0 0 .4em white, 0 0 0 .3em #1699AA;
}
input[type="radio"]:focus {
  outline: 0;
} 

.contact_btn{width:calc(100%/2 - 5px); height:40px; line-height:40px; border:none; background:#00A9E0; color:#FFFFFF!important; text-decoration: none!important; font-weight: bold; margin-top: 10px; margin-bottom: 10px; border-radius: 5px;}

a.contact_btn{display: inline-block; text-align: center;}

.inactive_btn{width:calc(100%/2 - 5px); height:40px; line-height:40px; border:none; background:#CCCCCC; color:#FFFFFF!important; text-decoration: none!important; font-weight: bold; margin-top: 10px; margin-bottom: 10px; border-radius: 5px;}

a.inactive_btn{display: inline-block; text-align: center;}

.contact_btn02{width:100%; height:40px; line-height:40px; border:none; background:#00A9E0; color:#FFFFFF!important; text-decoration: none!important; font-weight: bold; margin-top: 10px; margin-bottom: 10px; border-radius: 5px;}

a.contact_btn02{display: inline-block; text-align: center;}

.inactive_btn02{width:100%; height:40px; line-height:40px; border:none; background:#CCCCCC; color:#FFFFFF!important; text-decoration: none!important; font-weight: bold; margin-top: 10px; margin-bottom: 10px; border-radius: 5px;}

a.inactive_btn02{display: inline-block; text-align: center;}

.contact_btn03{width:calc(70% - 5px); height:40px; line-height:40px; border:none; background:#00A9E0; color:#FFFFFF!important; text-decoration: none!important; font-weight: bold; margin-top: 10px; margin-bottom: 10px; border-radius: 5px;}

a.contact_btn03{display: inline-block; text-align: center;}

.user_btn{width:100px; height:40px; line-height:40px; border:none; background:#00A9E0; color:#FFFFFF!important; text-decoration: none!important; font-weight: bold; margin-top: 10px; margin-bottom: 10px; border-radius: 5px;}

a.user_btn{display: inline-block; text-align: center;}

.inactive_btn03{width:calc(70% - 5px); height:40px; line-height:40px; border:none; background:#CCCCCC; color:#FFFFFF!important; text-decoration: none!important; font-weight: bold; margin-top: 10px; margin-bottom: 10px; border-radius: 5px;}

a.inactive_btn03{display: inline-block; text-align: center;}

.retrun_btn{width:calc(100%/2 - 5px); height:40px; line-height:40px; border:none; background:#999999; color:#FFFFFF!important; text-decoration: none!important; font-weight: bold; margin-top: 10px; margin-bottom: 10px; border-radius: 5px;}

a.retrun_btn{display: inline-block; text-align: center;}

.retrun_btn02{width:100%; height:40px; line-height:40px; border:none; background:#999999; color:#FFFFFF!important; text-decoration: none!important; font-weight: bold; margin-top: 10px; margin-bottom: 10px; border-radius: 5px;}

a.retrun_btn02{display: inline-block; text-align: center;}

.retrun_btn03{width:calc(30% - 5px); height:40px; line-height:40px; border:none; background:#999999; color:#FFFFFF!important; text-decoration: none!important; font-weight: bold; margin-top: 10px; margin-bottom: 10px; border-radius: 5px;}

a.retrun_btn03{display: inline-block; text-align: center;}

a.detail_btn{display:block; text-align:center; padding:5px 5px; font-size:16px; margin:20px auto 20px; border: 2px solid #898A8D!important; width: 80%; border-radius: 5px;}

a.mainPageBtn{display:block; text-align:center; padding:10px 5px; font-size:16px; border: 1px solid #898A8D!important; width:100%; border-radius: 5px; text-decoration: none; box-sizing: border-box; color: #1a1a1a;}



a.eventBtn{display: block; width:100%; height:40px; border-radius: 5px; text-align: center; color:#FFFFFF; line-height:40px; border:none; background:#00A9E0; color:#FFFFFF; font-weight:normal; font-size: 16px; margin-top: 5px; margin-bottom: 10px;}

a.topRetrunBtn{display: block; width:100%; height:40px; border-radius: 5px; text-align: center; color:#FFFFFF; line-height:40px; border:none; background:#00A9E0; color:#FFFFFF; font-weight:normal; font-size: 16px; margin-top: 5px; margin-bottom: 10px;}

a.eventBtn:hover{background:#00A9E0;}

a.eventRetrunBtn{display: block; width:100%; height:40px; border-radius: 5px; text-align: center; color:#FFFFFF; line-height:40px; border:none; background:#898A8D; color:#FFFFFF; font-weight:normal; font-size: 16px; margin-top: 5px; margin-bottom: 10px;}

a.eventRetrunBtn:hover{background:#898A8D;}

.agree_box{margin: 20px 0; padding: 20px; box-sizing: border-box; width: 100%; height: 300px; overflow-y: auto; background: #EEEEEE; border: 1px solid #898A8D;}
.agree_check{padding-bottom: 20px;}

ul.cate{list-style: none;}

.language span{text-decoration: underline;}

.tac{text-align: center!important;}
.w100{width: 100%; clear: both;}

ul.sns{width: 100%; height:36px; display: flex; flex-direction:row; justify-content: center; gap:20px; flex-wrap:nowrap;}
ul.sns img{width: auto; height:36px;}
ul.sns li {background: none!important; padding: 0!important;}


br.pc{display: inline;}
br.tb{display: none;}
br.sp{display: none;}

@media only screen and (min-width:640px) and (max-width:940px) {
br.pc{display: none;}
br.tb{display: inline;}
br.sp{display: none;}
}

@media only screen and (max-width:639px) {
br.pc{display: none;}
br.tb{display: none;}
br.sp{display: inline;}
}

.pcBox{display:block;}
.tbBox{display:none;}
.spBox{display:none;}

@media only screen and (min-width:640px) and (max-width:940px) {
.pcBox{display:none;}
.tbBox{display:block;}
.spBox{display:none;}
}

@media only screen and (max-width:639px) {
.pcBox{display:none;}
.tbBox{display:none;}
.spBox{display:block;}
}

.pcinBox{display:inline-block;}
.tbinBox{display:none;}
.spinBox{display:none;}

@media only screen and (min-width:640px) and (max-width:940px) {
.pcinBox{display:none;}
.tbinBox{display:inline-block;}
.spinBox{display:none;}
}

@media only screen and (max-width:639px) {
.pcinBox{display:none;}
.tbinBox{display:none;}
.spinBox{display:inline-block;}
}