/*=========
	in common
============*/


a {
    color: #666;
    text-decoration: none;
}

a:hover {
    color: #666;
}

.p_box {
    margin-bottom: 1.5em;
}

.pink {
    color: #ffd2d2;
}

.pink2 {
    color: #ff8b8b;
}

.blue{
    color: #3399ff;
}





@media screen and (max-width: 767px) {
    /* ////////// mobile ////////// */
    .mobHidetxt {
        display: none;
    }
    
    
    
body{margin:0;padding:0;}

img {
	max-width: 100%;
	height: auto;}

#footMenu{
	background:#eee;
	font-size:10pt;
	padding:20px 0 20px 0;
	width:100%;

	}


#footMenu .footMenu_list{margin:0 0 0 20px;	color:#000;}
#footMenu .footMenu_list a{color:#000;}
#footMenu .footMenu_list a:hover{color:#000;}


#copyright .inside{
	background:#999;
	font-size:8pt;
	color:#fff;
	padding:10px 20px 10px 10px;
	}








.drawer-nav li{
	display:inline-block;
	width:100%;
	padding:15px 15px 15px 20px;
	color:#222;
	font-size:12pt;
	font-weight:bold;
	line-height:150%;
	border-bottom:1px solid #ccc;
	vertical-align:middle;
	}
	
.drawer-nav li a{color:#222;}


    /* mobile end */
}







/* ////////// mobile ////////// */

@media screen and (max-width: 767px) {
    br.brPC {
        display: none;
    }
    .onPC {
        display: none;
    }
    .imgPC {
        display: none;
    }
    .d_noneMOB {
        display: none;
    }
        .mobHidetxt {
        display: none;
    }
    


body{bockground:#fff;}

header{
	background:#fff;
    border-top:5px solid #c8373c;
    margin:0;
	
    }

h1{margin:0 0 0 10px;padding:0;line-height:100%;}

header #header{width:100%;}



header #header .logo_mob{
	width:60%;
	}



    /* mobile end */
}







/* ////////// pc ////////// */

@media print,
screen and (min-width: 768px) {
    br.brMOB {
        display: none;
    }
    .onMOB {
        display: none;
    }
    .imgMOB {
        display: none;
    }
    .d_nonePC {
        display: none;
    }
    .read_more{
        display: none;
    }
    
body{bockground:#fff;}
    
header{background:#aaa;
padding:10px 0 0 0;}
    
    
    
    /* pc end */
}











#header_logo{float:left;padding:0;}


#header_menu .menu_1{font-size:15pt;}
#header_menu .menu_2{float:left;}
#header_menu .menu_3{padding-left:15px;float:left;}
#header_menu .menu_4{padding-left:15px;float:left;}

#header_menu a{color:#fff;}
#header_menu a:hover{color:#990000;}


footer{background:#efefef;}




.wf{
font-family: "ryo-gothic-plusn", sans-serif;
font-weight: 400;
font-style: normal;
}


.wf2{
font-family: "ryo-gothic-plusn", sans-serif;
font-weight: 500;
font-style: normal;
}

.wf3{
font-family: "ryo-gothic-plusn", sans-serif;
font-weight: 700;
font-style: normal;
}

.wf4{
font-family: "ryo-gothic-plusn", sans-serif;
font-weight: 800;
font-style: normal;
}












/*=========
	#wrapper
============*/

#wrapper {
    font-size: 1.4rem;
background:#fff;
color:#fff;

}

#wrapper footer {
    font-size: 1.1rem;
}


@media print,
screen and (max-width: 767px) {
    /* ////////// mobile ////////// */
    
    article#wrapper{
	border:0;
	margin:0;
	padding:0;
	width:100%;
	}


    /* mobile end */
}




@media print,
screen and (min-width: 768px) {
    /* ////////// pc ////////// */
    #wrapper {
        width: 100%;
        margin: auto;
        background:#fff;
    }
    /* pc end */
}





/*=========
	#main_contents
============*/




@media screen and (max-width: 767px) {
    /* ////////// mobile ////////// */
    
#diym #main_contents{

	margin:0 20px 20px 20px;
	padding:0;
	color:#000;
	}


#diym #main_contents .att_area{
	font-size:11pt;
	margin:0
	}



#diym #main_contents .toiawase_area{

	width:100%;
	line-height:1.2em;
	margin:0 auto 10px auto;
	padding:15px 0 15px 0;
	font-size:0.95em;
	text-align:center;
	background:#aaa;
	color:#fff;
	display:block;
	border-radius:40px;
}

#diym #main_contents .toiawase_area a:link{

	color:#fff;
}


#diym #main_contents .toiawase_area a:visited{

	color:#fff;
}



#diym #main_contents .toiawase_area:hover {
    background-color: #bc777a;

}



    /* mobile end */
}




@media print,
screen and (min-width: 768px) {
    /* ////////// pc ////////// */
    
#diym #main_contents{
	margin: 0;
	padding:0;
	width:1078px;
	font-size:11pt;
	border:none;
	color:#000;
	}

#diym #main_contents img{
	vertical-align:bottom;
	}




#diym #main_contents a:link { color: #d67176; } 
#diym #main_contents a:visited { color: #d67176; }

#diym #main_contents .att_area{
	font-size:10pt;
	float:right;
	margin:0 0 20px 0;
	color:#ccc;
}



#diym #main_contents .toiawase_area{
	clear:both;
	width:70%;
	line-height:2em;
	margin:30px auto 10px auto;
	padding:15px 0 15px 0;
	font-size:1.6em;
	text-align:center;
	background:#aaa;
	color:#fff;
	display:block;
	border-radius:40px;
}

#diym #main_contents .toiawase_area a:link{

	color:#fff;
}


#diym #main_contents .toiawase_area a:visited{

	color:#fff;
}



#diym #main_contents .toiawase_area:hover {
    background-color: #bc777a;

}


#diym #main_contents #pankuzu{margin:10px 0 10px 0;
color:#000;
}

#diym #main_contents #pankuzu a{
color:#000;
}




#diym #main_contents .to_top{
	clear:both;
	float:right;
	margin:30px 50px 10px 0;
	font-size:1.2em;
	color:#1f2c5c;
	}


#diym #main_contents .to_top a{
	color:#1f2c5c;
	}


#diym #main_contents .to_top a:hover{
	color:#aaa;
	}



#diym #main_contents .waku{
	border:1px solid #ccc;
	}


    /* pc end */
}













/*=========
	#title
============*/

@media screen and (max-width: 767px) {
    /* ////////// mobile ////////// */
    


	#diym #main_contents #title{
	width:100%;
	margin:0;
	padding:0;
    font-size:12pt;
    color:#000;
	}


#diym #main_contents #title h2{
	margin:0;
	width:100%;
	}

#diym #main_contents #title h2 p{
     	display:none;
	}


#diym #main_contents #title .title_image{
width:100%;
	}



#diym #main_contents #title .title_price{
font-size:1.1em;
margin:10px 0 0 20px;
	}


#diym #main_contents #title .title_price span{
font-size:0.8em;
}

#diym #main_contents #title .title_price span.price_main{
font-size:1.6em;
}



#diym #main_contents #title .title_price dt{
font-size:1.2em;
}



#diym #main_contents #title .title_price dd{
margin:5px 0 0 0;
}




#diym #main_contents #title .title_catch{

		margin:20px 0 0 0;
	    padding:10px;
	    text-align:center;
	    font-size:1.6em;
	    letter-spacing:0.1em;
	    color:#fff;
	    background:#901d22;
		}








   /* mobile end */
	}
 
    
    




@media print,
screen and (min-width: 768px) {
    /* ////////// pc ////////// */
    

	#diym #main_contents #title{
	margin:30px 60px 40px 60px;
	padding:0;
    position:relative;
    height:550px;
	}


#diym #main_contents #title h2{
	    position:absolute;
     	top:130px;
     	right:90px;
	}

#diym #main_contents #title h2 p{
     	display:none;
	}


#diym #main_contents #title .title_image{
	    position:absolute;
	    top:30px;
     	left:40px;
	}



#diym #main_contents #title .title_price{
	    position:absolute;
     	top:340px;
     	right:90px;
     	color:#333;
     	font-size:1.1em;
     	z-index:100;
	}


#diym #main_contents #title .title_price span{
font-size:0.8em;
}

#diym #main_contents #title .title_price span.price_main{
font-size:1.6em;
}



#diym #main_contents #title .title_price dt{
font-size:1.2em;
}



#diym #main_contents #title .title_price dd{
margin:5px 0 0 0;
}




#diym #main_contents #title .title_catch{
	    position:absolute;
	    right:90px;
	    bottom:0;
	    width:280px;
	    padding:10px;
	    text-align:center;
	    font-size:1.6em;
	    letter-spacing:0.1em;
	    color:#fff;
	    background:#901d22;
}







   /* pc end */
}











/*=====================
	リード部分
=====================*/



@media screen and (max-width: 767px) {
    /* ////////// mobile ////////// */




    #diym #main_contents #lead{

     	font-size:11pt;
        margin:90px 0 30px 0;
        padding:0;

    }
    
    #diym #main_contents #lead h3{
        height:60px;
        line-height:60px;
        margin:0;
        padding:0 0 0 20px;
        color:#fff;
        font-size:1.6em;
        background:#b3aea6;
    }




    #diym #main_contents #lead .right_img{

    margin:30px 0 0 0;
    
    }

    #diym #main_contents #lead .left_box{

    margin:30px 0 0 0;

    }



    #diym #main_contents #lead .left_box p{
    margin:0 0 20px 0;
line-height:180%;
font-size:1.1em;
    }

    
       /* mobile end */
	}




@media print,
screen and (min-width: 768px) {
    /* ////////// pc ////////// */

    #diym #main_contents #lead{
    width:958px;
        margin:40px 60px 20px 60px;
        padding:0;
        color:#000;
        font-size:1em;
    }
    
    #diym #main_contents #lead h3{
        height:60px;
        line-height:60px;
        margin:0;
        padding:0 0 0 30px;
        color:#fff;
        font-size:2em;
        background:#b3aea6;
    }




    #diym #main_contents #lead .right_img{
        float:right;
    margin:30px 0 0 30px;
    
    }

    #diym #main_contents #lead .left_box{
    width:498px;
    float:left;
    margin:30px 30px 0 0;

    }



    #diym #main_contents #lead .left_box p{
    margin:0 0 20px 0;
line-height:180%;
    }







    /* pc end */
}




/*=====================
	特徴部分
=====================*/



@media screen and (max-width: 767px) {
    /* ////////// mobile ////////// */

    
    #diym #main_contents #features{
     	font-size:11pt;
        margin:40px 0 30px 0;
        padding:0;
    }
    
    #diym #main_contents #features h3{
        height:60px;
        line-height:60px;
        margin:0;
        padding:0 0 0 20px;
        color:#fff;
        font-size:1.6em;
        background:#b3aea6;
    }


    #diym #main_contents #features p{
        margin:30px 0 0 0;
        font-size:1.1em;
    }

    #diym #main_contents #features .feature_detail1{
    margin:0 0 0 0;
    }

    #diym #main_contents #features .feature_detail2{
    margin:0;

    }

    #diym #main_contents #features dt{
    margin:30px 0 0 0;
    border:1px solid #ccc;
    }


    #diym #main_contents #features dt img{
    width:100%;
    vertical-align:top;
    }


    #diym #main_contents #features dd{
    margin:0;
    padding:10px 5px 0 0;
    font-size:1.1em;
    }

    
    
       /* mobile end */
	}




@media print,
screen and (min-width: 768px) {
    /* ////////// pc ////////// */

    #diym #main_contents #features{
    width:958px;
        margin:60px 60px 20px 60px;
        padding:0;
        color:#000;
        font-size:1em;
    }
    
    #diym #main_contents #features h3{
        height:60px;
        line-height:60px;
        margin:0;
        padding:0 0 0 30px;
        color:#fff;
        font-size:2em;
        background:#b3aea6;
    }




    #diym #main_contents #features p{
        margin:30px 0 30px 0;
    }

    #diym #main_contents #features .feature_detail1{
    margin:0 15px 0 0;
    width:228px;
    float:left;
    }

    #diym #main_contents #features .feature_detail2{
    margin:0;

    }

    #diym #main_contents #features dt{
    margin:0 0 0 0;
    }

    #diym #main_contents #features dd{
    margin:0;
    padding:10px 5px 0 5px;
    }





    /* pc end */
}








/*=====================
	仕様
=====================*/



@media screen and (max-width: 767px) {
    /* ////////// mobile ////////// */
    


    #diym #main_contents #spec{
     	font-size:11pt;
        margin:80px 0 30px 0;
        padding:0;
    }
    
    #diym #main_contents #spec h3{
        height:60px;
        line-height:60px;
        margin:0;
        padding:0 0 0 20px;
        color:#fff;
        font-size:1.6em;
        background:#b3aea6;
        letter-spacing:0.2em;
    }



    #diym #main_contents #spec .spec_left{
        margin:30px 0 0 0;
font-size:1.1em;
    }



    #diym #main_contents #spec .spec_left h4{
    color:#99958e;
    font-size:1.2em;
    margin:0 0 15px 0;
    padding:5px 10px 5px 10px;
    width:180px;
    border:1px solid #ccc;
    border-radius:20px;
    text-align:center;
    }





    #diym #main_contents #spec .spec_left dl{


    }




    #diym #main_contents #spec .spec_left dt{
		padding:5px 5px 5px 10px;
		margin:0 2px 2px 0;
        background:#99958e;
        color:#fff;
    }



    #diym #main_contents #spec .spec_left dd{
		padding:5px 10px 5px 10px;
		margin:0 0 20px 0;
        background:#f4f3f2;
    }






    #diym #main_contents #spec .spec_right{
        margin:30px 0 0 0;
        padding:0 0 20px 0;
    }
    
    #diym #main_contents #spec .spec_right img{
border:1px solid #ccc;
    }
    
        #diym #main_contents #spec .spec_right .image1{
        margin:0 0 10px 0;
    }



    
       /* mobile end */
	}





@media print,
screen and (min-width: 768px) {
    /* ////////// pc ////////// */
        
    #diym #main_contents #spec{
    width:958px;
        margin:60px 60px 20px 60px;
        padding:0;
        color:#000;
        font-size:1em;
    }
    
    #diym #main_contents #spec h3{
        height:60px;
        line-height:60px;
        margin:0;
        padding:0 0 0 30px;
        color:#fff;
        font-size:2em;
        background:#b3aea6;
        letter-spacing:0.2em;
    }



    #diym #main_contents #spec .spec_left{
        width:618px;
        margin:30px 30px 0 0;
        float:left;
    }



    #diym #main_contents #spec .spec_left h4{
    color:#99958e;
    font-size:1.2em;
    margin:0 0 10px 0;
    padding:5px 10px 5px 10px;
    width:180px;
    border:1px solid #ccc;
    border-radius:20px;
    text-align:center;
    }





    #diym #main_contents #spec .spec_left dl{

        display:flex;
        flex-wrap: wrap;
    }




    #diym #main_contents #spec .spec_left dt{
		width:130px;
		padding:5px 5px 5px 10px;
		margin:0 2px 2px 0;
        background:#99958e;
        color:#fff;
    }



    #diym #main_contents #spec .spec_left dd{
		width:448px;
		padding:5px 10px 5px 10px;
		margin:0 0 2px 0;
        background:#f4f3f2;
    }






    #diym #main_contents #spec .spec_right{
        width:280px;
        margin:78px 0 0 30px;
        float:left;
    }

    
        #diym #main_contents #spec .spec_right .image1{
        margin:0 0 10px 0;
    }

    
    /* pc end */
}








/*=====================
	比較
=====================*/



@media screen and (max-width: 767px) {
    /* ////////// mobile ////////// */
    

    

    #diym #main_contents #comparison{
     	font-size:11pt;
     	width:100%;
        margin:60px 0 30px 0;
        padding:0;
		color:#000;
    }
    
    #diym #main_contents #comparison h3{
        height:60px;
        line-height:60px;
        margin:0;
        padding:0 0 0 20px;
        color:#fff;
        font-size:1.6em;
        background:#b3aea6;
        letter-spacing:0.1em;
    }



    #diym #main_contents #comparison .slider {
	  margin-inline: 0;
	  margin-top: 30px;
	  overflow-x: auto; 
	  white-space: nowrap;
	  width: 350px;
  }
  
    #diym #main_contents #comparison .slider .comparison_list{
	width: 400px;
margin:0 0 20px 0;
    }


   #diym #main_contents #comparison .comparison_list tr{
		padding:5px;
    }

    #diym #main_contents #comparison .comparison_list tr.model_image{
		text-align:center;
		background:#fff;
    }

    #diym #main_contents #comparison .comparison_list tr.model_image th{
		border:none;
		background:#fff;
		border-right:1px solid #ccc;
    }


    #diym #main_contents #comparison .comparison_list th{
		width:50px;
		padding:5px;
		font-weight:normal;
		color:#fff;
		background:#99958e;
    }


    #diym #main_contents #comparison .comparison_list td{
		margin:0 3px 0 0;
		padding:5px;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;
		text-align:center;
		width:80px;
		font-size:1em;
    }


    #diym #main_contents #comparison .comparison_list td a{
		color:#000;
    }

    #diym #main_contents #comparison .comparison_list td a:visited{
		color:#000;
    }







    
    
       /* mobile end */
	}





@media print,
screen and (min-width: 768px) {
    /* ////////// pc ////////// */
    


    #diym #main_contents #comparison{
    width:958px;
        margin:70px 60px 40px 60px;
        padding:0;
        color:#000;
        font-size:1em;
    }
    
    #diym #main_contents #comparison h3{
        height:60px;
        line-height:60px;
        margin:0;
        padding:0 0 0 30px;
        color:#fff;
        font-size:2em;
        background:#b3aea6;
        letter-spacing:0.1em;
    }



    #diym #main_contents #comparison .comparison_list{
        margin:30px 0 0 0;
        width:958px;
    }


    #diym #main_contents #comparison .comparison_list tr{
		padding:10px;
    }

    #diym #main_contents #comparison .comparison_list tr.model_image{
		text-align:center;
		background:#fff;
    }

    #diym #main_contents #comparison .comparison_list tr.model_image th{
		border:none;
		background:#fff;
		border-right:1px solid #ccc;
    }


    #diym #main_contents #comparison .comparison_list th{
		width:100px;
		padding:10px;
		font-weight:normal;
		color:#fff;
		background:#99958e;
    }


    #diym #main_contents #comparison .comparison_list td{
		margin:0 3px 0 0;
		padding:10px;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;
		text-align:center;
		width:150px;
    }


    #diym #main_contents #comparison .comparison_list td a{
		color:#000;
    }

    #diym #main_contents #comparison .comparison_list td a:visited{
		color:#000;
    }



    
    /* pc end */
}




/*=====================
	おすすめ
=====================*/



@media screen and (max-width: 767px) {
    /* ////////// mobile ////////// */
    
    

    #diym #main_contents #recommend{
     	font-size:11pt;
        margin:80px 0 30px 0;
        padding:0;
		color:#000;
    }
    
    #diym #main_contents #recommend h3{
        height:60px;
        line-height:60px;
        margin:0;
        padding:0 0 0 20px;
        color:#fff;
        font-size:1.6em;
        background:#b3aea6;
    }



    #diym #main_contents #recommend .merit{
        margin:35px 0 0 0;



    }


    #diym #main_contents #recommend .merit h4{
		font-size:1.4em;
		padding:0 0 5px 0;
		color:#333;

    }


    #diym #main_contents #recommend .merit ul{
        margin:20px 0 0 20px;

    }

    #diym #main_contents #recommend .merit ul li{
        margin:0 0 20px 5px;
        list-style-image: url(../diy-m/images/icon_check.png);
        font-size:1.1em;
    }




    #diym #main_contents #recommend .demerit{
        margin:40px 0 0 0;
        padding:20px 20px 0 20px;

        border:2px dotted #ccc;
        border-radius:10px;
    }

    #diym #main_contents #recommend .demerit h4{
		font-size:1.3em;
		padding:0 0 5px 0;
		color:#333;
		border-bottom:1px solid #ccc;
    }

    #diym #main_contents #recommend .demerit ul{
        margin:20px 10px 0 0;
    }

    #diym #main_contents #recommend .demerit ul li{
        margin:0 0 0 20px;
        font-size:1.1em;
        list-style-image: url(../diy-m/images/icon_maru.png);
    }



    #diym #main_contents #recommend .demerit ul li.recommend_model{
        margin:5px 0 20px 0;
        list-style: none;
        text-align:right;
        font-size:1.1em;
        display:block;
    }



    #diym #main_contents #recommend .demerit ul li.recommend_model a:link{
 		color:#901d22;
    }


    #diym #main_contents #recommend .demerit ul li.recommend_model a:hover{
 		color:#901d22;
    }

    #diym #main_contents #recommend .demerit ul li.recommend_model a:visited{
 		color:#901d22;
    }


     
    
    
       /* mobile end */
	}





@media print,
screen and (min-width: 768px) {
    /* ////////// pc ////////// */
    


    #diym #main_contents #recommend{
    width:958px;
        margin:60px 60px 20px 60px;
        padding:0;
        color:#000;
        font-size:1em;
    }
    
    #diym #main_contents #recommend h3{
        height:60px;
        line-height:60px;
        margin:0;
        padding:0 0 0 30px;
        color:#fff;
        font-size:2em;
        background:#b3aea6;
    }



    #diym #main_contents #recommend .merit{
        margin:35px 60px 0 0;
        width:530px;
        float:left;

    }


    #diym #main_contents #recommend .merit h4{
font-size:1.5em;
padding:0 0 5px 5px;
color:#333;

    }


    #diym #main_contents #recommend .merit ul{
        margin:20px 0 0 30px;

    }

    #diym #main_contents #recommend .merit ul li{
        margin:0 0 30px 5px;
        list-style-image: url(../diy-m/images/icon_check.png);
    }




    #diym #main_contents #recommend .demerit{
        margin:40px 0 0 0;
        padding:20px 20px 0 20px;
        width:322px;
        float:left;
        border:2px dotted #ccc;
        border-radius:10px;
    }

    #diym #main_contents #recommend .demerit h4{
		font-size:1.2em;
		padding:0 0 5px 0;
		color:#333;
		border-bottom:1px solid #ccc;
    }

    #diym #main_contents #recommend .demerit ul{
        margin:20px 10px 0 0;
    }

    #diym #main_contents #recommend .demerit ul li{
        margin:0 0 0 20px;
        list-style-image: url(../diy-m/images/icon_maru.png);
    }



    #diym #main_contents #recommend .demerit ul li.recommend_model{
        margin:5px 0 20px 0;
        list-style: none;
        text-align:right;
        font-size:1.1em;
        display:block;
    }



    #diym #main_contents #recommend .demerit ul li.recommend_model a:link{
 color:#901d22;
    }


    #diym #main_contents #recommend .demerit ul li.recommend_model a:hover{
 color:#901d22;
    }

    #diym #main_contents #recommend .demerit ul li.recommend_model a:visited{
 color:#901d22;
    }





    
    /* pc end */
}








/*=====================
	Q & A
=====================*/



@media screen and (max-width: 767px) {
    /* ////////// mobile ////////// */
    

    


    #diym #main_contents #q_and_a{
     	font-size:11pt;
        margin:80px 0 30px 0;
        padding:0;
		color:#000;
    }
    
    #diym #main_contents #q_and_a h3{
        height:60px;
        line-height:60px;
        margin:0;
        padding:0 0 0 20px;
        color:#fff;
        font-size:1.6em;
        background:#b3aea6;
    }



    #diym #main_contents #q_and_a .q_a_list{
        margin:30px 0 0 0;
    }


    #diym #main_contents #q_and_a .q_a_list dt.q_box{
    padding:0 0 10px 0;
    font-size:1.3em;
    color:#333;
    }


    #diym #main_contents #q_and_a .q_a_list dt.q_box span{
    font-size:1.3em;
 color:#901d22;
    }
    


    #diym #main_contents #q_and_a .q_a_list dd.a_box{
    padding:0 0 40px 0;
        font-size:1.1em;
    }



    #diym #main_contents #q_and_a .q_a_list .a_box dl{
    padding:0;

    }

    #diym #main_contents #q_and_a .q_a_list .a_box dt{
    margin:0;
 color:#0c169d;
 font-size:1.5em;

    }

    #diym #main_contents #q_and_a .q_a_list .a_box dd{
    padding:5px 0 0 0;
        line-height:160%;

    }

     
    
    
       /* mobile end */
	}





@media print,
screen and (min-width: 768px) {
    /* ////////// pc ////////// */
    


    #diym #main_contents #q_and_a{
    width:958px;
        margin:70px 60px 20px 60px;
        padding:0;
        color:#000;
        font-size:1em;
    }
    
    #diym #main_contents #q_and_a h3{
        height:60px;
        line-height:60px;
        margin:0;
        padding:0 0 0 30px;
        color:#fff;
        font-size:2em;
        background:#b3aea6;
    }



    #diym #main_contents #q_and_a .q_a_list{
        margin:30px 0 0 0;
        width:958px;
    }


    #diym #main_contents #q_and_a .q_a_list dt.q_box{
    padding:0 0 10px 0;
    font-size:1.4em;
    color:#333;
    }


    #diym #main_contents #q_and_a .q_a_list dt.q_box span{
    font-size:1.4em;
 color:#901d22;
    }
    


    #diym #main_contents #q_and_a .q_a_list dd.a_box{
    padding:0 0 40px 0;
    }



    #diym #main_contents #q_and_a .q_a_list .a_box dl{
    padding:0;
         display:flex;
        flex-wrap: wrap;
    }

    #diym #main_contents #q_and_a .q_a_list .a_box dt{
    margin:0 0 0 20px;
 color:#0c169d;
 font-size:1.8em;
 width:50px;
    }

    #diym #main_contents #q_and_a .q_a_list .a_box dd{
    padding:10px 0 0 0;    line-height:160%;
 width:888px;
    }


    
    /* pc end */
}





/*=====================
	展示中
=====================*/



@media screen and (max-width: 767px) {
    /* ////////// mobile ////////// */
    




    #diym #main_contents #showcase{
     	font-size:11pt;
        margin:30px 0 30px 0;
        padding:0;
		color:#000;
    }
    
    #diym #main_contents #showcase h3{
        height:60px;
        line-height:60px;
        margin:0;
        padding:0 0 0 20px;
        color:#fff;
        font-size:1.6em;
        background:#b3aea6;
    }



    #diym #main_contents #showcase .lead_left{
        margin:30px 0 10px 0;


    }

    #diym #main_contents #showcase .lead_left p{
    font-size:1.1em;
                line-height:160%;
                margin:0 0 10px 0;
    }


    #diym #main_contents #showcase .lead_right{
        margin:30px 0 10px 0;
        padding:0;


    }

    #diym #main_contents #showcase .showcase_box_area img{
vertical-align:top;
width:100%;
}


    #diym #main_contents #showcase .showcase_box1{
    margin:40px 0 20px 0;
    padding:0;
        font-size:1.1em;
    }



    #diym #main_contents #showcase .showcase_box2{
    margin:40px 0 0 0;
    font-size:1.1em;
    padding:0;
vertical-align:top;

    }


    #diym #main_contents #showcase dt{
        border:1px solid #ccc;
    }

    #diym #main_contents #showcase dd{
        line-height:160%;
    }

    #diym #main_contents #showcase h4{
    margin:15px 0 10px 0;
    font-size:1.2em;
    }


     
    
    
       /* mobile end */
	}





@media print,
screen and (min-width: 768px) {
    /* ////////// pc ////////// */
    


    #diym #main_contents #showcase{
    width:958px;
        margin:50px 60px 20px 60px;
        padding:0;
        color:#000;
        font-size:1em;
    }
    
    #diym #main_contents #showcase h3{
        height:60px;
        line-height:60px;
        margin:0;
        padding:0 0 0 30px;
        color:#fff;
        font-size:2em;
        background:#b3aea6;
    }



    #diym #main_contents #showcase .lead_left{
        margin:30px 60px 10px 0;

            width:496px;
            float:left;
    }

    #diym #main_contents #showcase .lead_left p{
                line-height:160%;
                margin:0 0 10px 0;
    }


    #diym #main_contents #showcase .lead_right{
        margin:30px 0 10px 0;
        padding:10px;
        border:1px solid #ccc;
            width:380px;
            float:right;
    }


    #diym #main_contents #showcase .showcase_box_area{
	clear:both;
	}
    #diym #main_contents #showcase .showcase_box1{
    margin:40px 28px 0 0;
    padding:0;
    float:left;
    width:300px;

    }


    #diym #main_contents #showcase .showcase_box2{
    margin:40px 0 0 0;
    width:300px;
    padding:0;
    float:left;

    }


    #diym #main_contents #showcase dt{
        border:1px solid #ccc;
    }

    #diym #main_contents #showcase dd{
        line-height:160%;
    }

    #diym #main_contents #showcase h4{
    margin:15px 0 10px 0;
    font-size:1.2em;
    }





    
    /* pc end */
}










/*=====================
	事業所案内
=====================*/


@media screen and (max-width: 767px) {
    /* ////////// mobile ////////// */
    



#diym #main_contents #inquiry_area{
	width:100%;
     font-size:11pt;
	margin:80px 0 0 0;
	}

    
    


#diym #main_contents #inquiry_area h3{

        height:60px;
        line-height:60px;
        margin:0;
        padding:0 0 0 20px;
        color:#fff;
        font-size:1.7em;
        background:#b3aea6;v
    }



#diym #main_contents #inquiry_area .info_left{

	margin:30px 0 0 0;
	}





#diym #main_contents #inquiry_area .info_1 h4{
	font-size:1.3em;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	text-align:center;
	color:#999;
	border-top:2px solid #bbb;
	border-bottom:2px solid #bbb;
	}



#diym #main_contents #inquiry_area .info_2{
	font-size:1.7em;
	}

#diym #main_contents #inquiry_area .info_2 span{
	font-size:0.6em;
	}


#diym #main_contents #inquiry_area .info_3{
	font-size:1.8em;
	margin:10px 0 10px 0;
	}

#diym #main_contents #inquiry_area .info_3_2 span{
	font-size:0.6em;
	}

#diym #main_contents #inquiry_area .info_3_2{
	font-size:1.8em;
	margin:0 0 10px 0;
	}


#diym #main_contents #inquiry_area .info_4{
	font-size:1.2em;
	padding:10px 0 0 0;
	line-height:180%;
	}

#diym #main_contents #inquiry_area .info_5{
	font-size:1.2em;
	padding:0;
	line-height:180%;
	}

#diym #main_contents #inquiry_area .info_6{
	font-size:1em;
	margin:10px 0 0 0;
	}

#diym #main_contents #inquiry_area .info_7{
	font-size:1.1em;
	color:#c4333b;
	margin:30px 0 0 0;
	}


#diym #main_contents #inquiry_area .info_8{
	width:100%;
	margin:0 0 10px 0;
	}

#diym #main_contents #inquiry_area .info_8 dt{
	width:20px;
	float:left;
	}

#diym #main_contents #inquiry_area .info_8 dd{

	padding:0 0 0 25px;
	}


#diym #main_contents #inquiry_area .info_8 span{
	color:#c4333b;
	}


#diym #main_contents #inquiry_area .info_9{
	margin:20px 0 0 0;
	}

#diym #main_contents #inquiry_area .info_9 .access_map{
	width:100%;
	line-height:1.3em;
	margin:0 auto 0 auto;
	padding:15px 0 15px 0;
	font-size:1.3em;
	text-align:center;
	background:#aaa;
	color:#fff;
	display:block;
	border-radius:40px;
}

#diym #main_contents #inquiry_area .info_9 .access_map a:link{

	color:#fff;
}


#diym #main_contents #inquiry_area .info_9 .access_map a:visited{

	color:#fff;
}


#diym #main_contents #inquiry_area .info_9 .access_map:hover {
    background-color: #d67176;
    }





#diym #main_contents #inquiry_area .info_10{
width:100%;
	margin:30px 0 0 0;
	float:left;
	display:block;

	}




.access-map {
  width: 95%;
}
.access-map > iframe {
  width: 100%;
  height: 360px;
}





    
       /* mobile end */
	}






@media print,
screen and (min-width: 768px) {
    /* ////////// pc ////////// */
    


#diym #main_contents #inquiry_area{
    width:958px;
        margin:120px 60px 40px 60px;
        padding:0;
        color:#000;
        font-size:1em;
    }
    
    


#diym #main_contents #inquiry_area h3{
        height:60px;
        line-height:60px;
        margin:0;
        padding:0 0 0 30px;
        color:#fff;
        font-size:2em;
        background:#b3aea6;
    }



#diym #main_contents #inquiry_area .info_left{
	width:480px;
	margin:40px 46px 10px 0;
	float:left;
	}





#diym #main_contents #inquiry_area .info_1 h4{
	font-size:1.4em;
	margin:0 0 30px 0;
	padding:10px 0 10px 0;
	text-align:center;
	color:#000;

	}



#diym #main_contents #inquiry_area .info_2{
	font-size:1.7em;
	color:#000;
	}












#diym #main_contents #inquiry_area .info_3{
	font-size:1.3em;
	margin:10px 0 20px 0;
	}

#diym #main_contents #inquiry_area .info_3 span{
	font-size:0.8em;
	}




#diym #main_contents #inquiry_area .info_4{
	font-size:1.1em;
	padding:20px 0 0 0;
	line-height:180%;
	}

#diym #main_contents #inquiry_area .info_5{
	font-size:1.1em;
	padding:0 0 0 100px;
	line-height:180%;
	}

#diym #main_contents #inquiry_area .info_6{
	font-size:1em;
	margin:10px 0 0 0;
	}

#diym #main_contents #inquiry_area .info_7{
	font-size:1em;
	color:#c4333b;
	margin:40px 0 0 0;
	}


#diym #main_contents #inquiry_area .info_8{
	width:100%;
	margin:0 0 10px 0;
	}

#diym #main_contents #inquiry_area .info_8 dt{
	width:20px;
	float:left;
	}

#diym #main_contents #inquiry_area .info_8 dd{
	width:450px;
	padding:0 0 0 25px;
	}


#diym #main_contents #inquiry_area .info_8 span{
	color:#c4333b;
	}


#diym #main_contents #inquiry_area .info_9{
	margin:30px 0 0 0;
	}

#diym #main_contents #inquiry_area .info_9 .access_map{
	width:100%;
	line-height:1.3em;
	margin:0 auto 0 auto;
	padding:15px 0 15px 0;
	font-size:1.3em;
	text-align:center;
	background:#aaa;
	color:#fff;
	display:block;
	border-radius:40px;
}

#diym #main_contents #inquiry_area .info_9 .access_map a:link{

	color:#fff;
}


#diym #main_contents #inquiry_area .info_9 .access_map a:visited{

	color:#fff;
}


#diym #main_contents #inquiry_area .info_9 .access_map:hover {
    background-color: #bc777a;
    }





#diym #main_contents #inquiry_area .info_10{
	width:410px;
	margin:40px 0 0 0;
	float:left;
	display:block;
	padding:10px;
	border:1px solid #ccc;
	}



.access-map {
  	width:100%;
}
.access-map > iframe {
  width: 100%;
  height: 450px;
}




    /* pc end */
}








/*=====================
	モバイルアドレス
=====================*/



@media screen and (max-width: 767px) {
    /* ////////// mobile ////////// */
    
.sale_address {

	}
    
       /* mobile end */
	}







@media print,
screen and (min-width: 768px) {
    /* ////////// pc ////////// */
    
.sale_address{
font-size:12pt;
	}




    /* pc end */
}











/*-----  -----*/