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

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

#twositemap{
    background: #fff none repeat scroll 0 0;
    border-top-left-radius:7px;
    border-top-right-radius:7px;
    border-bottom-left-radius:7px;
    border-bottom-right-radius:7px;

    box-sizing: border-box;
    margin: 0 30px 40px;
}
#twositemap .wrap{
    margin:0;
    padding:25px 25px 0px 20px;
}
#twositemap h3{
    float:left;
    width:50px;
    margin-top:18px;
}
#twositemap .two-right{
   float:right;
    width:585px;    
}
#twositemap .two-right h4{
   border-bottom: 1px solid #dfd5d8;
   padding-left:4px;
   padding-bottom:12px;
   margin-bottom:10px;
}
#twositemap .two-right #two-rightbox{
   margin:0;
   padding:0;
   clear:both;
}
#twositemap .two-rightbox dl{
    margin:0;
    padding:18px 0px 18px 11px;
    border-bottom:1px dotted #dfd5d8;
}
.two-rightbox dl dt.pb{
    color:#575555;
    font-size:16px;
    font-weight:normal;
    float:none;
}
#twositemap .two-rightbox dl.bb{
    margin:0;
    padding:18px 0px 18px 11px;
    border-bottom:none;
}
#twositemap .two-rightbox dl.cb{
    clear:both;
}
.two-rightbox dl dt.pro{
    color:#575555;
    font-size:16px;
    font-weight:normal;
    float:left;
    padding-right:23px;
}
.two-rightbox dl dt img{
    padding-bottom:6px;
}
.two-rightbox dl dt.prt{
    color:#575555;
    font-size:16px;
    font-weight:normal;
    float:left;
    padding-right:15px;
}
.two-rightbox dl dt.prth{
    color:#575555;
    font-size:16px;
    font-weight:normal;
    float:left;
    padding-right:36px;
}
.two-rightbox dl dt.prf{
    color:#575555;
    font-size:16px;
    font-weight:normal;
    float:left;
    padding-right:37px;
}
.two-rightbox dl dd{
    color:#575555;
    font-size:16px;
    float:left;
    padding-left:20px;
    padding-top:18px;
}
.two-rightbox dl dt a{
   color:#575555;
   text-decoration: none; 
}
.two-rightbox dl dd a{
   text-decoration: none;
    color:#575555;
}
.two-rightbox dl dt a:hover{
   color:#889E5C;
   text-decoration: none; 
}
.two-rightbox dl dd a:hover{
   text-decoration: none;
   color:#889E5C;
}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:779px) {
    #contents {
       box-sizing: border-box;
       width:100%;
    }
#twositemap h3{
      display:none !important;
}
#twositemap .two-right h4{
      padding-bottom:6px;
}
#twositemap .two-right h4 img{
    transform: scale(0.8,0.8);
    display:inline;
    padding:2px;
}
#twositemap .two-right {
    float: none;
    width:100%;
}
#twositemap .two-rightbox dl{
    margin:0;
    padding:10px;
    border-bottom:1px dotted #dfd5d8;
}
.two-rightbox dl dt.pb{
    color:#575555;
    font-size:14px;
    font-weight:normal;
    float:none;
}
#twositemap .two-rightbox dl.bb{
    margin:0;
    padding:10px;
    border-bottom:none;
}
.two-rightbox dl dt img{
    padding-bottom:3px;
}
.two-rightbox dl dd{
    color:#575555;
    font-size:13px;
    float:none;
    padding-left:20px;
}
.two-rightbox dl dt.pro{
    color:#575555;
    font-size:13px;
    font-weight:normal;
    float:none;
    padding-right:0px;
}
.two-rightbox dl dt.prt{
    color:#575555;
    font-size:14px;
    font-weight:normal;
    float:none;
    padding-right:0px;
}
.two-rightbox dl dt.prth{
    color:#575555;
    font-size:14px;
    font-weight:normal;
    float:none;
    padding-right:0px;
}
.two-rightbox dl dt.prf{
    color:#575555;
    font-size:14px;
    font-weight:normal;
    float:none;
    padding-right:0px;
}
.two-rightbox dl dd{
    color:#575555;
    font-size:13px;
    float:none;
    padding-left:20px;
    padding-top:0px;
}
.two-rightbox dl dt a{
   text-decoration: none;
    color:#575555; 
}
.two-rightbox dl dd a{
   text-decoration: none;
    color:#575555;
}