@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 640px) {

/*============================
#pageSet
============================*/
#pageSet {}

/*============================
#pageTitleArea
============================*/
#pageTitleArea {}
#pageTitleArea .md_contents {}
#pageTitleArea .md_contents .md_inner {}
#pageTitleArea .md_contents .md_inner .text {}

/*============================
#topPanelArea
============================*/
#topPanelArea { padding-top: 0; }
#topPanelArea iframe { min-width: inherit; height: 160px; }

/*============================
#requestArea
============================*/
#requestArea { margin-top: 50px; }
#requestArea .md_contents {}
#requestArea .md_contents .md_inner {}
#requestArea .md_contents .md_inner .textBox {}
#requestArea .md_contents .md_inner .textBox .title { font-size: 1em; font-weight: bold; }
#requestArea .md_contents .md_inner .textBox .text { font-size: 0.875em; line-height: 1.75em; margin-top: 10px; }

/*============================
#guideArea
============================*/
#guideArea { margin-top: 50px; padding: 50px 0; min-width: inherit; }
#guideArea .md_contents {}
#guideArea .md_contents .md_inner {}
#guideArea .md_contents .md_inner .md_headline {}

#guideArea .md_contents .md_inner ul { margin-top: 30px; }
#guideArea .md_contents .md_inner ul li { margin-top: 40px; }
#guideArea .md_contents .md_inner ul li:first-child {}

#guideArea .md_contents .md_inner ul li .guideContent {}
#guideArea .md_contents .md_inner ul li .guideContent .title { padding: 10px 20px; }

#guideArea .md_contents .md_inner ul li .guideContent .boxContainer { padding: 20px; }
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer .subTitle { font-size: 1.125em; margin-bottom: 20px; }

#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul { margin-top: 0 }
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul li { margin-top: 30px; }
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul li:first-child { margin-top: 0; }
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul li .box {}

#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul li .box .images { text-align: center; padding-top: 10px; }
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul li .box .images img { width: 90%; }

#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul li .box .description { margin-top: 20px; }
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul li .box .description dl { display: inherit; }
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul li .box .description dl dt { display: inherit; font-size: 0.75em; }
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer ul li .box .description dl dd { display: inherit; font-size: 0.75em; padding-left: 0; }

#guideArea .md_contents .md_inner ul li .guideContent .boxContainer .md_dividerBorder { border-bottom: dashed 1px #ddd; margin: 20px -20px; padding: 0 50px; }
#guideArea .md_contents .md_inner ul li .guideContent .boxContainer .text { font-size: 0.875em; line-height: 1.5; }

#guideArea .md_contents .md_inner ul li .guideContent {}
#guideArea .md_contents .md_inner ul li .guideContent .title { background-color: #cad4d6; box-sizing: border-box; font-size: 1.375em; padding: 14px 20px 13px; width: 100%; }


/*============================
#touristSpotArea
============================*/
#touristSpotArea { margin-top: 50px; }
#touristSpotArea .md_contents {}
#touristSpotArea .md_contents .md_inner {}
#touristSpotArea .md_contents .md_inner .md_headline {}

#touristSpotArea .md_contents .md_inner ul { margin-top: 40px; }
#touristSpotArea .md_contents .md_inner ul li { float: none; margin-right: 0; margin-top: 0; width: 100%; }
#touristSpotArea .md_contents .md_inner ul li.last { margin-right: 0; margin-top: 0; }

#touristSpotArea .md_contents .md_inner ul li .circleBox { background-color: #555; width: 38%; height: auto; position: absolute; top: -10px; left: 0; border-radius: 0; padding: 8px 0 9px; }
#touristSpotArea .md_contents .md_inner ul li .circleBox .textBox { position: relative; }
#touristSpotArea .md_contents .md_inner ul li .circleBox .textBox .text { font-size: 0.75em; position: inherit; 
top: inherit;
left: inherit;
-webkit-transform: inherit;
-moz-transform: inherit;
-ms-transform: inherit;
-o-transform: inherit;
transform: inherit}
#touristSpotArea .md_contents .md_inner ul li .circleBox .textBox .text span { font-size: 1.125em; padding: 0 2px; }
#touristSpotArea .md_contents .md_inner ul li .circleBox .textBox .text br { display: none; }

#touristSpotArea .md_contents .md_inner ul li .spotBox { border: none; box-sizing: border-box; margin-left: auto; margin-top: 25px; width: 100%; }
#touristSpotArea .md_contents .md_inner ul li .spotBox .images { float: left; width: 38%; padding-top: 20px; }
#touristSpotArea .md_contents .md_inner ul li .spotBox .images img { width: 100%; }
#touristSpotArea .md_contents .md_inner ul li .spotBox .textBox { box-sizing: border-box; float: left; padding: 0 0 0 20px;; width: 62%; }
#touristSpotArea .md_contents .md_inner ul li .spotBox .textBox.heightLine-01 { height: inherit!important; }

#touristSpotArea .md_contents .md_inner ul li .spotBox .textBox .title { font-size: 1em; font-weight: bold; }
#touristSpotArea .md_contents .md_inner ul li .spotBox .textBox .text { font-size: 0.875em; line-height: 1.5; margin-top: 10px;}

#touristSpotArea .md_contents .md_inner ul li:nth-child(1) .spotBox .textBox { padding-top: 0; }
#touristSpotArea .md_contents .md_inner ul li:nth-child(2) .spotBox .textBox { padding-top: 0; }
#touristSpotArea .md_contents .md_inner ul li:nth-child(3) .spotBox .textBox { padding-top: 0; }
#touristSpotArea .md_contents .md_inner ul li:nth-child(4) .spotBox .textBox { padding-top: 0; }

#touristSpotArea .md_contents .md_inner ul li .md_dividerBorder { border-bottom: dashed 1px #ddd; margin: 15px -20px 10px; padding: 0 50px; }
#touristSpotArea .md_contents .md_inner ul li.last .md_dividerBorder { border: none; }

}