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

/* =======================================
	2023.04  No.196
    p05/うふふの我が家
======================================= */
/*---Text Head---*/
    /*FV*/
#p05 #mainArea h2{
    width:34%;
    max-width:500px;
    margin:0 auto 0;
    padding:7em 0 2em;
}
#p05 #mainArea h3{
    width:8%;
    position:absolute;
    top:0.5em;
    left:0;
}

/*---Text Para---*/
#p05 #mainArea p{
    font-family: 'Noto Serif JP', sans-serif;
    font-size:15px;
    line-height:2.4em;
    font-weight: 400;
    text-indent:1em;
    margin-bottom:1.8em;  
}
#p05 #mainArea p span{
    display: inline-block;
    text-indent:0;
}
.titleArea p{
    display:none;
}
div.column p span.drop{
    font-size:26px;
    color:#DA5278;
  font-weight: 600;
}
a.btn_map {
    display: block;
    border: dashed 1px #95627b;
    color: #95627b;
    border-radius: 30px;
    padding: 1em 0 0.8em;
    text-align: center;
    font-family: "Shuei KakuGo Gin B";
    font-weight: bold;
    font-size: 1em;
    letter-spacing:0.1em;
    line-height: 1.2em;
    margin: 2.5em auto;
    transition: 1s;
}
a.btn_map span{
    font-size:0.8em;
}

a.btn_map:hover{
    color:#FFF;
    background:#95627b;
    border: solid 1px #95627b;
    text-decoration: none;
}

/* =======================================
	PC
======================================= */
/*---Layout---*/
#mainArea{
    background:url("../../../assets/images/parts/uff/uff_bg.jpg")
}
.contArea{
    width:96%;
    margin:2em auto 3em;
    background:url("../../../assets/images/parts/uff/uff_flm_btm.jpg")repeat-x bottom;
    background-size:auto 40px;
}
.titleArea{
    width:100%;
    position:relative;
    margin-bottom:3.5em;
    background:url("../../../assets/images/parts/uff/uff_flm_top.jpg")repeat-x top;
    background-size:auto 40px;
}
.textArea{
    width:88%;
    max-width:1200px;
    position:relative;
    padding-bottom:5em;
    margin:0 auto;
}
div.column{
    width:62%;
    margin:0 auto;
}

/* =======================================
	SMPH
======================================= */
@media screen and (max-width: 640px) {
        /*---Text Head---*/
        /*FV*/
        #p05 #mainArea h2{
            width:80%;
            margin:2.5em auto 0;
            padding:0;
        }
        #p05 #mainArea h3{
            width:70%;
            position:relative;
            right:auto;
            top:auto;
            margin:0 auto 2em;
        }
        /*---Text Para---*/    
        #p05 #mainArea p{
          font-size:18px;
          line-height:2.15em;
          font-weight:400;
        }

        /*---Layout---*/
        .contArea{
            background:none;
            margin:0 auto;
            padding:0;
            width:90%;
        }
        .titleArea{
            width:100%;
            background:none;
            margin-bottom:2em;
        }
        .textArea{
            background:none;
            padding-bottom:3em;
            }
        div.column{
            width:100%;
            margin:0 auto;
        } 
        a.btn_map {
        font-size: 0.9em;
        letter-spacing: 0;
        }
    
}