@charset "UTF-8";
/* ===================================================
	Sightseeing CSS
====================================================== */
/* ---------------------------------------------------
Main_img
------------------------------------------------------ */
#sightseeing #main_img { background:url(../../sightseeing/img/tit.jpg) no-repeat center bottom ; background-size: -webkit-calc(100% - 80px) auto ; background-size: calc(100% - 80px) auto ; }
@media screen and (max-width: 1100px) {
            #sightseeing #main_img { background-size: cover; }
}

/* ---------------------------------------------------
Lead
------------------------------------------------------ */
#sightseeing #lead dl { padding-right:180px;}
#sightseeing #lead dl::before { background:url(../../sightseeing/img/lead.png) no-repeat center 20px; background-size:130px auto;
            height:160px; width:150px; top:10px; right:0; }
#sightseeing #lead dt { min-height: 5em;}
#sightseeing #lead dt span:not([class]) { color:#db6459;}
@media screen and (max-width: 800px) {
            #sightseeing #lead dl { padding-right:0;}
            #sightseeing #lead dl::before { background-size:130px auto; height:130px; width:130px; right:50px;}
            #sightseeing #lead dt span.wbr { display:inline;}
}
@media screen and (max-width: 600px) {
            #sightseeing #lead dl { padding-top:90px;}
            #sightseeing #lead dl::before { background-size:110px auto; height:110px; width:110px; top:-10px; left:50%; margin-left:-50px;}
}

/* ---------------------------------------------------
Section
------------------------------------------------------ */
#sightseeing #sec1 {max-width:1280px; margin:0 auto;}
#sightseeing #sec1 ul { margin:0 auto; padding:0 40px;box-sizing: border-box; }
#sightseeing #sec1 li { padding-bottom:100px; width:100%;}
#sightseeing #sec1 li:not(.s_item) img { width:50%;}
#sightseeing #sec1 li.s_item { float:left; width:49%; }
#sightseeing #sec1 li.s_item:nth-of-type(odd){ clear:both;}
#sightseeing #sec1 li.s_item:nth-of-type(even) { margin-left:2%;}
#sightseeing #sec1 li dl { clear:both;}
#sightseeing #sec1 li dt { font-size:30px; padding:10px 0;}
#sightseeing #sec1 li dd { padding:0 5% 60px 5%;}
#sightseeing #sec1 li dd p{ margin-bottom:10px; text-align: left;}
/*#sightseeing #lead::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}*/

#sightseeing .lbtn { text-align: center; font-size:14px; padding:5px; float:right; margin:0 10px 10px 0; width:10em;}

@media screen and (max-width: 1100px) {
            #sightseeing #sec1 { max-width:100%;}
}
@media screen and (max-width: 800px) {
            #sightseeing #sec1 ul {padding:0 5%;}
            #sightseeing #sec1 li dd { padding:0 0 30px 0;}
}
@media screen and (max-width: 600px) {
            #sightseeing #sec1 li { margin-bottom:30px;}
            #sightseeing #sec1 li:not(.s_item) img { margin-bottom:3px; width:100%;}
            #sightseeing #sec1 li.s_item { float:none; width:100%; }
            #sightseeing #sec1 li.s_item:nth-of-type(even) { margin-left:0;}
            #sightseeing #sec1 li dt span.wbr {display: block;}
}
/* ---------------------------------------------------
Font
------------------------------------------------------ */
#sightseeing #sec1 li dt {font-family: "游明朝","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}