@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic");
@charset "UTF-8";

/*================================================
 *  メイン
 ================================================*/

#twoguide{
    background: #fff none repeat scroll 0 0;
    border-top-left-radius:7px;
    border-top-right-radius:7px;
    box-sizing: border-box;
    margin: 0 30px 0px;
}
#twoguide .wrap{
    margin:0;
    padding:25px 25px 0px 20px;
}
#twoguide h3{
    float:left;
    width:50px;
    margin-top:18px;
}
#twoguide .two-right{
   float:right;
    width:585px;
}
#twoguide .two-right h4{
   border-bottom: 1px solid #dfd5d8;
   padding-left:4px;
   margin-bottom:
}
#twoguide .two-right #two-rightbox{
   margin:0;
   padding:0;
   clear:both;
}
#twoguide .two-right p{
     font-size:16px;
     color:#575555;
    line-height:1.5em;
}
#twoguide .two-right p.dedashi{
    margin:10px auto 20px auto;
    padding-left:3px;
    color:#575555;
    width:370px;
    font-size:16px;
    line-height:1.5em;
    float:left;
}
#twoguide .two-right p.dedashi a{
    color:#575555;
}
#twoguide .two-right  img.floatimg{
    float:right;
    margin-top:12px;
}
#three h3.guide{
    margin:25px 0 0 0;
    padding:20px auto 21px 18px;
    border-top:3px solid #dfd5d8;
    border-bottom:1px solid #dfd5d8;
}
#three h3.guide img{
    display:block;
    padding:20px 0 18px 21px;
}
#three p.guidetext{
    margin:0;
    padding:10px 20px 36px 20px;
    color:#575555;
    font-size:16px;
}
#three .three-guidebox{
    margin:0;
    padding:27px 12px 115px 16px;
    line-height:1.8em;
    clear:both;
}
#three .three-guidebox dl.guidedetailleft{
    margin:0;
    padding:15px 0px 0px 0px;
    float:left;
    width:320px;
    height:165px;
}

#three .three-guidebox dl.guidedetailright{
    margin:0;
    padding:10px 0px 0px 0px;
    float:right;
    width:250px;
}
.three-guidebox dl dt{
    color:#575555;
    font-size:15px;
    font-weight:bold;
    float:left;
}
.three-guidebox dl dt.map{
    color:#575555;
    font-size:15px;
    font-weight:bold;
    float:none;
}
.three-guidebox dl dd{
    color:#575555;
    font-size:15px;
    margin-left:75px;
}
.three-guidebox dl dd.gmap{
    margin-left:0px;
}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:779px) {
    #contents {
       box-sizing: border-box;
       width:100%;
    }
#twoguide h3{
      display:none !important;
}
#twoguide .two-right {
    float: none;
    width:100%;
}
#twoguide .two-right p.dedashi{
    float: none;
    width:100%;
    padding:4px auto 4px auto;
    font-size:12px;
}
#twoguide .two-right p{
    font-size:12px;
}
#twoguide .two-right  img.floatimg{
    float: none;
    margin-top:4px;
    transform: scale(0.8,0.8);
}
#three h3.guide img {
    transform: scale(0.8,0.8);
    display:inline;
    padding:3px;
}

#three p.guidetext{
    margin:0;
    padding:5px;
    color:#575555;
    font-size:12px;
}
#three .three-guidebox{
    margin:0;
    padding:10px;
    clear:both;
}
#three .three-guidebox dl.guidedetailleft{
    margin:0px 0px 20px 0px;;
    padding:0px;
    float: none;
    width:100%;
}
#three .three-guidebox dl.guidedetailright{
    margin:0 0 0px 0;
    padding:0px 0px 8px 0px;
    float: none;
    width:90%;
}
.three-guidebox dl dt{
    color:#575555;
    font-size:13px;
    font-weight:bold;
    float:left;
}
.three-guidebox dl dd{
    color:#575555;
    font-size:13px;
    margin-left:35px;
}
.three-guidebox dl dt.map{
    color:#575555;
    font-size:13px;
    font-weight:bold;
    float:none;
}
.three-guidebox dl dd.gmap{
    margin-left:0px;
}
/* google-map */
.gmap{
	position: relative;
	padding-bottom: 120px; /*高さは120pxで固定*/
	height: 0;
	overflow: hidden;
	}

.gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 90% !important;
	height: 100% !important;
}