@charset "utf-8";
    
    .two_column {
    	
	}
	
	    .two_column .main_column {
    	    
	    }
	    
    .breadcrumbs {
        width: 100%;
        color: #444444;
        font-size: 1.2rem;
    }

		.breadcrumbs ol {
		    
		}
	
			.breadcrumbs i { color: #444444; }
			
			.breadcrumbs ol li {
				display: block;
				float: left;
				margin-right: 1.0em;
				color: #444444;
			}
			
			.breadcrumbs ol li a:link { color: #444444; text-decoration: underline; }
			.breadcrumbs ol li a:visited { color: #444444; text-decoration: underline; }
			.breadcrumbs ol li a:hover { color: #444444; text-decoration: none; }
			
    
    .two_column .main_column .pager {
    	    text-align: center;
    	    margin: 0 auto;
    	    padding: 0 0 20px 0;
    }
    
    .two_column .side_column .menu_area .sub_menu {
        border: solid 1px #dddddd;
    }
    
        .two_column .side_column .menu_area .sub_menu .menu_title {
            font-size: 1.6rem;
            font-weight: 500;
            border-bottom: solid 1px #dddddd;
        }
        
        .two_column .side_column .menu_area .sub_menu .menu {
            font-size: 1.4rem;
            font-weight: 500;
        }
            .two_column .side_column .menu_area .sub_menu .menu .menu-item {
                list-style: none;
                position: relative;
                padding: 0 0 0 1.0em;
            }
                            
                .two_column .side_column .menu_area .sub_menu .menu .menu-item:before {
                    border-radius: 50%;
                    width: 4px;
                    height: 4px;
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 0.7em;
                    content: "";
                    background: #a17477;
                }
                
                .two_column .side_column .menu_area .sub_menu .menu .menu-item a:link { color: #222222; text-decoration: none; }
                .two_column .side_column .menu_area .sub_menu .menu .menu-item a:visited { color: #222222; text-decoration: none; }
                .two_column .side_column .menu_area .sub_menu .menu .menu-item a:hover { color: #888888; text-decoration: none; }
                
                


/* ---- Mobile 〜767px ---- */
@media screen and (max-width: 767px) {
	
	
	.breadcrumbs {
        width: 100%;
        color: #444444;
        font-size: 1.2rem;
        background: #f6f6f6;
        border-top: solid 1px #eaeaea;
        border-bottom: solid 1px #eaeaea;
    }

		.breadcrumbs ol {
		    padding: 7px 10px;
		}
	
	
	.two_column {
    	
	}
	
	    .two_column .main_column {
    	    
	    }
	    
        
	    
	    .two_column .side_column {
    	    padding: 30px 10px 10px 10px;
	    }
	    
	        .two_column .side_column .menu_area {
    	        margin-bottom: 20px;
	        }
	        
	            .two_column .side_column .menu_area .sub_menu {
                    margin: 0 0 30px 0;
                    padding: 0 20px;
                }
                
                .two_column .side_column .menu_area .sub_menu .menu_title {
                    padding: 14px 10px 4px 10px;
                }
                    
                    .two_column .side_column .menu_area .sub_menu .menu {
                        padding: 15px 0;
                    }
                    
                        .two_column .side_column .menu_area .sub_menu .menu .menu-item {
                           margin: 8px 12px 8px 12px;
                        }
                        
      
	        .two_column .side_column .banner_area {
    	        
	        }
	        
	            .two_column .side_column .banner_area .side_banner {
    	            margin: 0;
    	            padding: 0;
	            }
	        
	            .two_column .side_column .banner_area .banner {
    	            text-align: center;
    	            margin: 20px auto 20px auto;
    	            padding: 0;
	            }
	    
	
} /* ---- Mobile 〜767px ---- */


/* ---- Tablet/PC 768px〜1147px ---- */
@media screen and (min-width: 768px) and (max-width: 1147px) {	
	
	
	.breadcrumbs {
        width: 100%;
        color: #444444;
        font-size: 1.2rem;
    }

		.breadcrumbs ol {
		    padding: 30px 20px;
		}
		
		.breadcrumbs ol li a:hover { background: #dddddd; }
	
	
	.two_column {
    	width: 768px;
    	margin: 0 auto;
	}
	
	    .two_column .main_column {
    	    padding: 0 20px 0 20px;
	    }
	    
	    .two_column .side_column {
    	    padding: 30px 20px 10px 20px;
	    }
	    
	    
	    
	    
	        .two_column .side_column .menu_area {
    	        margin-bottom: 30px;
	        }
	        
	            .two_column .side_column .menu_area .sub_menu {
                    margin: 0 0 30px 0;
                    padding: 0 20px;
                }
                
                .two_column .side_column .menu_area .sub_menu .menu_title {
                    padding: 14px 10px 4px 10px;
                }
                    
                    .two_column .side_column .menu_area .sub_menu .menu {
                        padding: 15px 0;
                    }
                    
                        .two_column .side_column .menu_area .sub_menu .menu .menu-item {
                            margin: 8px 12px 8px 12px;
                        }
                
                
	        .two_column .side_column .banner_area {
    	        display: flex;
    	        justify-content: flex-start;
    	        flex-wrap: wrap;
	        }
	        
	            .two_column .side_column .banner_area .side_banner {
    	            margin: 0;
    	            padding: 0;
	            }
	        
	            .two_column .side_column .banner_area .banner {
    	            margin: 0 20px 20px 0;
    	            padding: 0;
	            }

	
	    
	    
} /* ---- Tablet/PC 768px〜1147px ---- */


/* ---- PC Wide 1148px〜 ---- */
@media screen and (min-width: 1148px) {	
	
	.breadcrumbs {
        width: 100%;
        color: #444444;
        font-size: 1.2rem;
        max-width: 1148px;
        margin: 0 auto;
    }

		.breadcrumbs ol {
		    padding: 30px 20px;
		}
		
		.breadcrumbs ol li a:hover { background: #dddddd; }
	
	
	.two_column {
    	width: 1108px;
    	padding: 0 20px;
    	margin: 0 auto;
    	display: flex;
	}
	
	    .two_column .main_column {
    	    width: 768px;
	    }
	    
	    .two_column .side_column {
    	    width: 300px;
    	    margin-left: 40px;
    	    padding: 0 0;
	    }
	    
	        
	        .two_column .side_column .menu_area {
    	        margin-bottom: 30px;
	        }
	        
	            .two_column .side_column .menu_area .sub_menu {
                    margin: 0 0 30px 0;
                    padding: 0 20px;
                }
                
                .two_column .side_column .menu_area .sub_menu .menu_title {
                    padding: 14px 10px 4px 10px;
                }
                    
                    .two_column .side_column .menu_area .sub_menu .menu {
                        padding: 7px 0 10px 0;
                    }
                    
                        .two_column .side_column .menu_area .sub_menu .menu .menu-item {
                            margin: 7px 12px 7px 12px;
                        }
                        
                
	        .two_column .side_column .banner_area {
    	        margin-bottom: 30px;
	        }
	        
	            .two_column .side_column .banner_area .side_banner {
    	            margin: 0;
    	            padding: 0;
	            }
	        
	            .two_column .side_column .banner_area .banner {
    	            margin: 0 0 20px 0;
    	            padding: 0;
	            }
	
	    
	            
} /* ---- Tablet/PC 768px〜 ---- */