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

#main_img{ background: url("../../sightseeing/img/tit.jpg") no-repeat center center; background-size: cover;}
#lead_col { min-height:450px;}
#lead_col h2 { font-size:32px; margin-right:90px; font-weight: 600;}
#lead_col h2 span.wbr { display: block;}

section h2:not(.lead) + p { font-size:18px ;margin:20px auto; text-align: center; width:1100px;}

.c_item { padding:50px 0;}
.c_item .box_txt{ padding: 10px 0 0; position: relative;}
.c_item .box_txt h3{ font-size:28px; margin: 0 0 25px; text-align: center;}
.c_item .box_txt h3 small { font-size:14px; display: block;}
.c_item .box_txt p.time{ border-bottom:1px solid; float:left; margin:20px 10px 0 0; padding:3px 0 2px 0; text-align: center; width:7em; }
.c_item .box_txt p.time i {font-size:20px; margin-right:5px; }
.c_item .box_txt p.time i.fa-car-side{font-size:18px;}
.c_item .box_txt p.time i span { display: none;}
.c_item .box_txt p.time img {width:30px; margin-right:5px;}
.c_item a { border:1px solid #46230d; float:left; font-size:14px; display: block; margin:20px 2px 10px 0; padding:3px; text-align: center;}
.c_item a.btn_site {background:#46230d;color:#fff; width:3em;}
.c_item a.btn_map { width:7em; letter-spacing: 0;}
.c_item a.btn_site:hover,
.c_item a.btn_map:hover{background:#78a325; border:1px solid #78a325; color:#fff;}

@media screen and (max-width: 600px) {
                #lead_col h2 { font-size:24px; margin-right:0;}
                section h2:not(.lead) { font-size:24px;}
                section h2:not(.lead) span.en { font-size:50px;}
                section h2:not(.lead) + p {margin:10px auto; text-align: left; width:90%;}
                .c_item .box_txt h3{ font-size:24px;}
}

/* ---------------------------------------------------
Sec1
------------------------------------------------------ */

#sec1 ul{ display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; min-width: 1200px; max-width: 1440px;}
#sec1 li:nth-of-type(-n+5){ display: flex; margin: 60px auto 0; overflow: hidden; box-sizing: border-box;}
#sec1 li:nth-of-type(-n+5):nth-of-type(odd) { flex-direction: row-reverse;}
#sec1 li:nth-of-type(-n+5) .img { height:450px; width:60%; overflow: hidden; }
#sec1 li:nth-of-type(-n+5) .img img { margin-top:-10%; width:100%; }
#sec1 li:nth-of-type(-n+5) .box_txt { padding: 0 20px; width:40%; box-sizing: border-box;}
#sec1 li:nth-of-type(-n+5) .box_txt h3 { font-size:36px; padding-top:50px;}
#sec1 li:nth-of-type(5) { margin-bottom:60px;}

#sec1 li:nth-of-type(n+6) { margin: 40px 30px; width:540px;}
#sec1 li:nth-of-type(n+6) .box_txt h3 { font-size:28px;}

#sec1 li.delay3{ transition-delay: 0.3s;}
#sec1 li.delay6{ transition-delay: 0.6s;}
#sec1 li::after {content:""; clear:both; display: block; height:0;}

@media screen and (max-width: 600px) {
                #sec1{ padding-top:30px;}
                #sec1 .box_txt h2{ font-size:30px; margin: 0 0 0; padding: 0 0 5px;}
                #sec1 .box_txt p{ margin-bottom:10px;}
                #sec1 ul{ display: block; width: 92%; min-width: 0; max-width:100%;}
                #sec1 li:nth-of-type(-n+5){ display:block; margin: 40px 0 0;}
                #sec1 li:nth-of-type(-n+5) .img { height:auto; width:100%; }
                #sec1 li:nth-of-type(-n+5) .img img { margin-top:0;}
                #sec1 li:nth-of-type(-n+5) .box_txt { padding: 0; width:100%;}
                #sec1 li:nth-of-type(-n+5) .box_txt h3 { font-size:24px; padding-top:10px;}
                #sec1 li:nth-of-type(n+6) { margin:40px 0; width:100%;}
                #sec1 li:nth-of-type(n+6) .box_txt h3 { font-size:24px;}
}

/* ---------------------------------------------------
Sec2
------------------------------------------------------ */
#sec2 ul{ display: flex; flex-wrap: wrap; margin: 0 auto; width: 1200px;}
#sec2 li { margin: 40px 30px; width:540px;}
#sec2 li .img { display: block; margin:0 auto; width:100%;}
#sec2 li .img img { width:100%;}
#sec2 li::after {content:""; clear:both; display: block; height:0;}

@media screen and (max-width: 600px) {
                #sec2 ul{ display:block; margin: 0 auto; width: 90%;}
                #sec2 li { margin: 40px 0; width:100%;}
}

/* ---------------------------------------------------
Sec3
------------------------------------------------------ */
#sec3 .c_item { margin:30px auto ; width:1200px;}
#sec3 .c_item .img { height:350px;overflow: hidden;width: 100%;}
#sec3 .c_item .img img {margin-top: -10%; width:100%;}
#sec3 .c_item h3 {font-size:36px; margin: 0 0 15px; padding: 0 0 10px; text-align: center; }
#sec3 .c_item h3 span.en{color:#b2a9a5; display: block; font-size:55px; font-family: garamond-premier-pro, serif; font-weight: 400; font-style: normal; font-variant-caps: small-caps; 
                margin-top:-10px;line-height: 1;}
#sec3 .c_item .img+p { font-size:18px; padding:40px 0; text-align: center;}
#sec3 .c_item li { border-bottom:1px solid rgba(70,35,13,.2);}
#sec3 .c_item dl { display: flex; padding:10px; }
#sec3 .c_item dt { font-size:18px; padding-top:1.5em; width:40%;}
#sec3 .c_item dt span { font-size:13px;}
#sec3 .c_item dd { width:60%;}
#sec3 .c_item dt a { display: inline-block; font-size:14px; float:none; margin-left:2em; }
#sec3 .c_item dt a.btn_site.w_auto { width:auto; }
#sec3 .c_item dt,
#sec3 .c_item dd{ box-sizing: border-box;}

@media screen and (max-width: 600px) {
                #sec3 .c_item { margin:0 auto ;width:90%;}
                #sec3 .c_item .img { height:auto;  width: 100%;}
                #sec3 .c_item .img img { margin-top: 0;}
                #sec3 .c_item h3 {font-size:24px; }
                #sec3 .c_item h3 span.en{ font-size:36px;}
                #sec3 .c_item h3 span.wbr { display: block;}
                #sec3 .c_item .img+p { padding:20px 0; text-align: left;}
                #sec3 .c_item dl { display: block; padding:0;}
                #sec3 .c_item dt {background:rgba(208,205,205,.35); padding:0 10px; width:100%;}
                #sec3 .c_item dt span { display: block;}
                #sec3 .c_item dt a { float:right;}
                #sec3 .c_item dt::after {content:""; clear:both; display: block; height:0;}
                #sec3 .c_item dd { padding-bottom:15px;width:100%;}
}