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

/*----------------------------------------
info
----------------------------------------*/

/*pc*/
@media only screen and (min-width: 768px) {



/*.wrapper { width: 710px; height: 1250px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 300px; background: url(../rsn/loopbus/img/bg.gif) no-repeat; }
.wrapper table.details { width: 690px; color: #4f4f4f; font-size: 85%; font-weight: bold; margin-top: 10px; padding-left: 50px; padding-light: 20px; border-collapse: separate; border-spacing: 4px 4px; }
.wrapper table.details thead td, .wrapper #fare thead td, .wrapper #time thead td { color: #4f4f4f; font-weight: bold; text-align: left; margin-left: 40px; }
.wrapper table.details tbody td, .wrapper #fare tbody td, .wrapper #time tbody td { text-align: left; line-height: 1.5em; font-weight: bold; padding: 5px 10px 5px 10px; background-color: #FFFFFF; border: double 4px #EF8B14; }
.wrapper .outline { display: block; width: 650px; margin-top: 10px; margin-left: 0px; padding-left: 100px; }
.wrapper #fare { width: 200px; vertical-align: top; }
.wrapper #time { width: 350px; vertical-align: top; }
.wrapper #fare ul { margin-top: 5px; margin-left: 10px; padding-left: 5px; }
.wrapper #fare ul li { color: #4f4f4f; font-size: 85%; padding-top: 5px; line-height: 1.3em; font-weight: normal; }
.wrapper .fntclr { color: #0491B2; font-weight: bold; margin: 0px 5px 0px 5px; letter-spacing: 0.05em; text-decoration: underline; }
.wrapper #map { margin: 10px 0px 0px 30px; }
#map_jpg { margin-top: 20px; }
.wrapper #jikoku { position: absolute; margin: -1px 0px 0px 20px; }
.wrapper .fntsize { font-size: 80%; font-weight: normal; }
.wrapper #time #noborder { border-style: hidden; border-style: none; }
.wrapper #time_01 { width: 120px; border-collapse: collapse; border-spacing: 0px; }
.wrapper #time_02 { width: 180px; border-collapse: collapse; border-spacing: 0px; }
.wrapper #time_01 tbody td, .wrapper #time_02 tbody td { font-size: 80%; font-weight: normal; padding: 0px 5px 0px 0px; text-align: right; border: solid 1px #EF7406; }
.wrapper #time_01 td, .wrapper #time_02 td { border-style: hidden; border-style: none; }
.wrapper #time_01 thead td, .wrapper #time_02 thead td { font-size: 80%; color: #FFFFFF; text-align: center; border: solid 2px #F77806; background-color: #E19F16; }
.wrapper #time_01 .cellclr, .wrapper #time_02 .cellclr { text-align: center; background-color: #F2F2F2; }
table#round_castle { width: 710px; margin-left: auto; margin-right: auto; margin-bottom: 10px; border-collapse: collapse; border-spacing: 0; }
table#round_castle thead td { }
table#round_castle td { vertical-align: top; border: solid 2px #04A5B5; }
table#round_castle p { font-size: 100%; text-indent: 0px; margin-top: 5px; margin-left: 0px; margin-bottom: 5px; line-height: 1.3em; padding: 0em 1em 0em 1em; }
table#round_castle dl { margin-top: -10px; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; }
table#round_castle dl dt { margin-top: 0.5em; }
table#round_castle dl dd { padding-left: 3em; }
table#round_castle td#col_01 { width: 35%; }
table#round_castle td#col_02 { width: 33%; border-style: none; border-style: hidden; border-top: solid 2px #04A5B5; border-left: solid 2px #04A5B5; }
table#round_castle td#col_03 { border-style: none; border-style: hidden; border-right: solid 2px #04A5B5; }
table#round_castle td#col_04 { border-style: none; border-style: hidden; border-right: solid 2px #04A5B5; border-left: solid 2px #04A5B5; border-bottom: solid 2px #04A5B5; }
table#round_castle dl#koukoen { margin-left: -1px; }
table#round_castle .fntclr { color: #0768AA; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; line-height: 2em; background: url(../rsn/loopbus/img/arrow_10.gif) no-repeat 0px 0px; }
table#round_castle .cellclr { height: 30px; font-weight: bold; color: #666666; text-align: center; vertical-align: middle; background-color: #EEEEEE; }
table#round_castle img#position_01 { margin: 0em 0.5em 0.5em 0em; }
table#round_castle img.bottom { margin-bottom: 0.5em; }
.wrapper2 { width: 708px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 175px; background: url(../rsn/loopbus/img/bg2.gif) no-repeat; border: 1px solid #6C9; }
.wrapper2 table.details { width: 680px; color: #4f4f4f; font-weight: bold; margin-top: 10px; padding-left: 50px; padding-light: 20px; border-collapse: separate; border-spacing: 4px 4px; }
.wrapper2 .map { text-align: center; padding: 25px 5px; margin: 10px 5px; }
.wrapper2 table.details thead td, .wrapper2 #fare thead td, .wrapper2 #time thead td { color: #4f4f4f; font-weight: bold; text-align: left; margin-left: 40px; }
.wrapper2 table.details tbody td, .wrapper2 #fare tbody td, .wrapper2 #time tbody td { text-align: left; line-height: 1.5em; font-weight: bold; padding: 5px 10px 5px 10px; background-color: #FFFFFF; border: double 4px #EF8B14; }
.wrapper2 .outline { display: block; width: 650px; margin-top: 10px; margin-left: 0px; padding-left: 100px; }
.wrapper2 #fare { width: 200px; vertical-align: top; }
.wrapper2 #time { width: 350px; vertical-align: top; }
.wrapper2 #fare ul { margin-top: 5px; margin-left: 10px; padding-left: 5px; }
.wrapper2 #fare ul li { color: #4f4f4f; font-size: 85%; padding-top: 5px; line-height: 1.3em; font-weight: normal; }
.wrapper2 .fntclr { color: #0491B2; font-weight: bold; margin: 0px 5px 0px 5px; letter-spacing: 0.05em; text-decoration: underline; }
.wrapper2 #map { margin: 10px 0px 0px 30px; }
#map_jpg { margin-top: 20px; }
.wrapper2 #jikoku { position: absolute; margin: -1px 0px 0px 20px; }
.wrapper2 .fntsize { font-size: 80%; font-weight: normal; }
.wrapper2 #time #noborder { border-style: hidden; border-style: none; }
.wrapper2 #time_01 { width: 120px; border-collapse: collapse; border-spacing: 0px; }
.wrapper2 #time_02 { width: 180px; border-collapse: collapse; border-spacing: 0px; }
.wrapper2 #time_01 tbody td, .wrapper2 #time_02 tbody td { font-size: 80%; font-weight: normal; padding: 0px 5px 0px 0px; text-align: right; border: solid 1px #EF7406; }
.wrapper2 #time_01 td, .wrapper #time_02 td { border-style: hidden; border-style: none; }
.wrapper2 #time_01 thead td, .wrapper #time_02 thead td { font-size: 80%; color: #FFFFFF; text-align: center; border: solid 2px #F77806; background-color: #E19F16; }
.wrapper2 #time_01 .cellclr, .wrapper #time_02 .cellclr { text-align: center; background-color: #F2F2F2; }
.wrapper2 .details tbody tr td #rosen { margin-left: 145px; margin-top: 15px; margin-bottom: 15px; }
.wrapper2 .details tbody tr td #unchin { width: 500px; font-size: 12px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #999; font-weight: normal; border: 1px solid #999; margin-left: 100px; margin-top: 10px; }
.wrapper2 .details tbody tr td #unchin tr #canption { background-color: #999; color: #FFF; text-align: center; border: thin solid #CCC; }
.contents .wrapper2 .details tbody tr td #unchin tr td { border: thin solid #CCC; padding-left: 10px; }
table#timetable { width: 400px; margin-left: 10px; }
table#timetable caption { color: #0597AA; font-size: 85%; padding-top: 30px; font-weight: bold; }
table#timetable #jikoku_01 { width: 120px; border-collapse: collapse; border-spacing: 0; border: solid 1px #666666; }
table#timetable #jikoku_02 { width: 220px; border-collapse: collapse; border-spacing: 0; border: solid 1px #666666; }
table#timetable table thead td { color: #FFFFFF; font-size: 85%; padding: 3px; text-align: center; background-color: #666666; }
table#timetable table tbody td { color: #666666; font-size: 85%; padding: 3px; text-align: center; border-bottom: solid 1px #666666; }
table#timetable table tbody td.hour { border-right: solid 1px #666666; }
img#close { margin: 30px 0px 0px 150px; }
table#timetable #tegara_jikoku { width: 400px; border-collapse: collapse; border-spacing: 0; border: solid 1px #666666; }
table#timetable2 { width: 580px; margin-left: 10px; display: block; color: #666; font-size: 12px; border: 1px solid #CCC; }
#timetable2 thead tr #label { color: #FFF; background-color: #999; padding: 5px; text-align: center; margin: 2px; }
#timetable2 tbody tr td { border: 1px dashed #CCC; }
#timetable2 tbody tr td { padding: 5px 8px; margin: 2px; }
img#close2 { margin: 30px 0px 0px 230px; }
.roopbs_title { border-left: 5px solid #000000; color: #333333; }
.roopbus_in { }
.roopbus_in h3 { border-bottom: 1px dotted #999999; color: #333333; font-size: 1.1em; margin-bottom: 15px; padding-bottom: 5px; padding-left: 10px; }*/


.cont01 { padding: 50px 0;}
.cont01 .imgC { text-align: center; margin: 0 0 30px;}
.cont01 .list { text-align: left; margin: 0 40px; padding: 0; list-style: none; }
.cont01 .list li { padding-left: 1.3em; position: relative; line-height: 140%; margin-bottom: 10px; }
.cont01 .list li::before { content: "※"; position: absolute; top: 0; left: 0; }


.cont02 { padding: 50px 0;}
.cont02 .btn { text-align: center;}


.cont03 { padding: 50px 0;}
.cont03 table { border: 1px solid #000; margin: 0 0 20px;}
.cont03 table td { background: #FFFAC5; padding: 20px; }
.cont03 table td span { color: #E3287F; font-weight: bold; line-height: 180%;}
.cont03 .come { font-size: 1.4rem; color: #F00;}



.cont04 { padding: 50px 0;}
.cont04 .box { border: 1px solid #000; margin: 0 0 20px; background: #FFFAC5; padding: 20px;}
.cont04 .box h4 { margin: 20px 0; font-size: 1.4em; font-weight: bold; color: #F00;}
.cont04 .box p { line-height: 180%;}



.cont05 { padding: 50px 0;}
.cont05 .msg { margin: 20px 0; font-size: 1.8rem; font-weight: bold; color: #F00;}
.cont05 table { width: 100%; margin: auto 0 50px;}
.cont05 table { font-size: 1.1em; width: 100%; border-top: 1px solid #CCC; border-right: 1px solid #CCC; margin-bottom: 25px; }
.cont05 table thead th { border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #FFF; padding: 10px 0; }
.cont05 table thead td { border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: center; color: #FFF; font-weight: bold; }
.cont05 table tbody th { padding: 3px; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #FFF; white-space: nowrap; width: 20%; }
.cont05 table tbody td { padding: 3px; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.cont05 table tbody td { color: #666666; text-align: center; }



.cont06 { padding: 50px 0;}
.cont06 .box { border: 1px solid #000; margin: 0 0 20px; background: #FFFAC5; padding: 20px;}
.cont06 .box h4 { margin: 20px 0; font-size: 1.4em; color: #E3287F; font-weight: bold;}
.cont06 .box p { line-height: 180%;}

.cont06 td {vertical-align: middle;}

.cont06 { padding: 50px 0;}
.cont06 .msg { margin: 20px 0; font-size: 1.8rem; font-weight: bold; color: #F00;}
.cont06 table { width: 100%; margin: auto 0 0;}
.cont06 table { font-size: 1.1em; width: 100%; border-top: 1px solid #CCC; border-right: 1px solid #CCC; margin-top: 10px;}
.cont06 table thead th { border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #FFF; padding: 10px 0; background: #888;}
    .cont06 table thead th img{width: 120px; }
    .cont06 table thead th span{display: block;}
.cont06 table thead td { border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: center; color: #FFF; font-weight: bold; }
.cont06 table tbody th { padding: 3px; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; white-space: nowrap; width: 20%; }
.cont06 table tbody td { padding: 3px; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.cont06 table tbody td { color: #666666; text-align: center; }
    .cont06 .add{text-align: right}
    

.cont07 { padding: 50px 0;}
.cont07 .box { border: 1px solid #000; margin: 0 0 20px; background: #FFFAC5; padding: 20px;}
.cont07 .box p { line-height: 180%;}


.cont08 { padding: 50px 0;}
.cont08 .box { border: 1px solid #000; margin: 0 0 20px; background: #FFFAC5; padding: 20px;}
.cont08 .box p { line-height: 180%;}



.cont_btn {
width: 360px;
margin:30px auto 0;
text-align: center;
}

.cont_btn a{
display: block;
color: #fff;
text-align: center;
padding: 15px 20px;
font-size: 18px;
font-weight: bold;
line-height: 1;
background-color: #0B318F;
background-image: linear-gradient(180deg, #0B318F 0%, #314d91 100%);
}



}



/*sp*/
@media only screen and (max-width: 767px) {




.cont01 { padding: 50px 2%;}
.cont01 .imgC { text-align: center; margin: 0 0 30px;}
.cont01 .list { text-align: left; margin: 0 40px; padding: 0; list-style: none; }
.cont01 .list li { padding-left: 1.3em; position: relative; line-height: 140%; margin-bottom: 10px; }
.cont01 .list li::before { content: "※"; position: absolute; top: 0; left: 0; }


.cont02 { padding: 50px 2%;}
.cont02 .btn { text-align: center;}


.cont03 { padding: 50px 2%;}
.cont03 table { border: 1px solid #000; margin: 0 0 20px;}
.cont03 table td { background: #FFFAC5; padding: 20px; }
.cont03 table td span { color: #E3287F; font-weight: bold; line-height: 180%;}
.cont03 .come { font-size: 1.4rem; color: #F00;}



.cont04 { padding: 50px 2%;}
.cont04 .box { border: 1px solid #000; margin: 0 0 20px; background: #FFFAC5; padding: 20px;}
.cont04 .box h4 { margin: 20px 0; font-size: 1.4em; font-weight: bold; color: #F00;}
.cont04 .box p { line-height: 180%;}



.cont05 { padding: 50px 2%;}
.cont05 .msg { margin: 20px 0; font-size: 1.8rem; font-weight: bold; color: #F00;}
.cont05 table { width: 100%; margin: auto 0 50px;}
.cont05 table { font-size: 1.1em; width: 100%; border-top: 1px solid #CCC; border-right: 1px solid #CCC; margin-bottom: 25px; }
.cont05 table thead th { border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #FFF; padding: 10px 0; }
.cont05 table thead td { border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: center; color: #FFF; font-weight: bold; }
.cont05 table tbody th { padding: 3px; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #FFF; white-space: nowrap; width: 20%; }
.cont05 table tbody td { padding: 3px; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.cont05 table tbody td { color: #666666; text-align: center; }


.cont06 td {vertical-align: middle;}
.cont06 { padding: 50px 2%;}
.cont06 .box { border: 1px solid #000; margin: 0 0 20px; background: #FFFAC5; padding: 20px;}
.cont06 .box h4 { margin: 20px 0; font-size: 1.4em; color: #E3287F; font-weight: bold;}
.cont06 .box p { line-height: 180%;}

.cont06 .msg { margin: 20px 0; font-size: 1.8rem; font-weight: bold; color: #F00;}
.cont06 table { width: 100%; margin: auto 0 0;}
.cont06 table { font-size: 0.9em; width: 100%; border-top: 1px solid #CCC; border-right: 1px solid #CCC; margin-top: 10px;}
.cont06 table thead th { border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #FFF; padding: 10px 0; background: #888;}
    .cont06 table thead th img{width: 120px; }
    .cont06 table thead th span{display: block;}
.cont06 table thead td { border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: center; color: #FFF; font-weight: bold; }
.cont06 table tbody th { padding: 3px; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; white-space: nowrap; width: 15%; }
.cont06 table tbody td { padding: 3px; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.cont06 table tbody td { color: #666666; text-align: center; }
    .cont06 .add{}
    

.cont07 { padding: 50px 2%;}
.cont07 .box { border: 1px solid #000; margin: 0 0 20px; background: #FFFAC5; padding: 20px;}
.cont07 .box p { line-height: 180%;}


.cont08 { padding: 50px 2%;}
.cont08 .box { border: 1px solid #000; margin: 0 0 20px; background: #FFFAC5; padding: 20px;}
.cont08 .box p { line-height: 180%;}


.cont_btn {
width: 60%;
margin:20px auto 0;
text-align: center;
}

.cont_btn a{
display: block;
color: #fff;
text-align: center;
padding: 15px 20px;
font-size:16px;
font-weight: bold;
line-height: 1;
background-color: #0B318F;
background-image: linear-gradient(180deg, #0B318F 0%, #314d91 100%);
}

}