@charset "UTF-8";
/*
	IMS ASAHI MOUNTAIN PARK
	INDEX CSS
	
	MarkUp -> Pati:)
	
	LAST UPDATE
	
	- 2012.04.04 製作開始 (Pati)
	
--------------------------------------------------------------*/

/* INDEX
--------------------------------------------------------------*/
/* main-images
--------------------------------------------------------------*/
div.main-img{
	background:#edf3de url(../../common/css/images/main_line.gif) repeat-x left bottom;
	height:100px;
	padding:0 0 5px;
	text-align:left;
	width:100%;
}

div.main-img h2{
	background:url(images/page_title.jpg) no-repeat center top;
	text-align:center;
	width:100%;
}

.content h3{
	margin:0 0 30px;
}

p.txt{
	clear:both;
}

div.menu{
	padding:30px 0 0 ;
}


div.menu div.left{
	margin:0 35px 10px 0;
}

div.menu div.left,
div.menu div.right{
	float:left;
	min-height:155px;
	width:472px;
}

div.menu div.left div.photo,
div.menu div.right div.photo{
	float:left;
	width:185px;
}

div.menu div.left div.txt_area,
div.menu div.right div.txt_area{
	background:#fffce4;
	float:left;
	min-height:163px;
	padding:15px;
	width:257px;
}

div.menu div.left div.txt_area img,
div.menu div.right div.txt_area img{
	margin:15px 0 0;
}




/*CLEAR FIX 
--------------------------------- */
div.menu{overflow: hidden;}

div.menu:after{
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}

/*\*/
* html div.menu{
	height: 1em;
	overflow: visible;
}

/**/

 .support_flex{
    display: flex;
    flex-wrap: wrap;
     width: 100%;
    }
    .support_flex >div{
       width: 47%;
        display: flex;
        padding: 10px;
    }

 div.txt_area{
    background: #fffce4;
}

 div.txt_area p{
    padding: 15px;
}

@media screen and (max-width:767px) {
    
      div.main-img{
	background:transparent;
}
    
    .support_flex > div{
        width: 100%;
    }
   
    .txt > img{
        width: 100%;
    }
    
}