@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(../../css/images/page_title.jpg) no-repeat center top;
	text-align:center;
	width:100%;
}

.content{
	background:url(../../css/images/line.gif) no-repeat 10px bottom;
	margin:0 auto 30px;
}

p.txt{
	clear:both;
	margin:0 0 30px 100px;
}

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


.content h4{
	margin:0 auto 30px;
	text-align:center;
}

div.text_area{
	float:left;
	width:350px;
	margin:0 0 0 38px;
}

div.text_area h5{
	background:#fffce4;
	font-weight:bold;
	margin:0 0 20px;
	padding:10px 20px;
}

div.text_area rec{
	background:#fffce4;
	font-weight:bold;
	margin:0 0 20px;
	padding:10px 20px;
}




div.text_area2{
	width: 100%;
	margin-top: 0;
	margin-right: 0;
/*	margin-left: 100px;*/
}

div.text_area h5{
	background:#fffce4;
	font-weight:bold;
	margin:0 0 20px;
	padding:10px 20px;
}

div.text_area rec2{
	background:#fffce4;
	font-weight:bold;
	margin:0 0 20px;
	padding:10px 20px;
}

div.text_area p{
	padding:20px 20px;
}

.text_area ul{
	margin:0 0 30px 15px;
}


div.photo_area{
	float:right;
	width:470px;
}
div.photo_area img{
	width: 100%;
	display: block;
}








ul.support_menu{
	margin:0 auto 30px;
	width:980px;
}
ul.support_menu li.left a{
	background:url(../../css/images/btn_list.gif) no-repeat left center;
	display:block;
	float:left;
	padding:0 0 0 20px;
	
}

ul.support_menu li.left a:hover{
	background:url(../../css/images/btn_list_on.gif) no-repeat left center;
}

ul.support_menu li.right a{
	background:url(../../css/images/btn_next.gif) no-repeat right center;
	display:block;
	float:right;
	padding:0 20px 0 0;
}

ul.support_menu li.right a:hover{
	background:url(../../css/images/btn_next_on.gif) no-repeat right center;
}

div.left{
	float:left;
	width:220px;
}

div.right{
	float:right;
	width:220px;
}

.box_p{
	background:#ffe7e5;
}

.box_p2{
	background:#ffe7e5;
	font-size:120%;
	font-weight:borld;
	padding:10px;
	margin-bottom:10px;
}

/*CLEAR FIX 
--------------------------------- */
.clear{
	clear:both;
}

.content,
.box,
ul.support_menu{overflow: hidden;}

.content:after,
.box:after,
ul.support_menu:after{
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}

/*\*/
* html .content,
* html .box,
* html ul.support_menu{
	height: 1em;
	overflow: visible;
}

/*---- 150226　追加　イベント報告 -------------*/
/*トップへ戻るボタン*/
#event_top{
	width:100px;
	height:100px;
	display:none;
	position:fixed;
	right:50px;
	bottom:50px;
	font-size:1.5rem;
}
 
#event_top p{
	margin:0;
	padding:0;
	text-align:center;
	background:url(../images/event_top_off.gif) no-repeat;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
 
#event_top p:hover{
	background:url(../images/event_top_on.gif) no-repeat;
}
 
#move_event_top{
	color:#fff;
	line-height:100px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

/*トップへ戻るボタン　ここまで*/

/*イベント報告メニュー*/
#event_navi{
	float: left;
	width: 780px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 100px;
	margin-bottom: 30px;
}

.event_h{
	float:left;
	width:100%;
	font-weight:bold;
}

#event_navi a{
	display:block;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	text-decoration:none;
	background:#C63;
	padding:5px;
	color:#fff;
	width:100px;
	height:30px;
	line-height:30px;
	text-align:center;
}

#event_navi a:hover{
	background:#633;
}

.photo_c{
	text-align:center;
}

/*イベント報告バックナンバー
-------------------------------------------------------------------------*/
.back_box{
/*	width: 780px;*/
	margin: 50px auto 0;
	overflow: hidden;
}
.under{
	margin: 0 auto 20px;
}
.back_box h4{
	width: 100%;
	margin: 0 auto 20px;
	overflow: hidden;
	background: #603902;
	color: #fff;
	padding: 13px;
	box-sizing: border-box;
}
.back_box ul{
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	gap: 0 15px;
}
.back_box ul li{
	width: 32%;
	margin-bottom: 20px;
}
.back_box ul li a{
	display: block;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	padding: 20px;
	background: #ffe8e6;
	border-radius: 20px;
}
.back_box ul li a:hover{
	transition: all .2s ease-in;
	opacity: 0.6;
}


.back_under_btn{
	margin: 0 auto 20px;
	overflow: hidden;
}
.back_under_btn a{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	padding: 10px 20px;
	color: #fff;
	background: #5b3c12;
	font-size: 1.4rem;
	border-radius: 20px;
}
.back_box ul li a{
	color: #603902;
}
.back_box ul li a:hover{
	transition: all .2s ease-in;
	opacity: 0.6;
}
.back_under_btn a::before{
	content: "<<　";
	font-size: 0.6rem;
}

.rec_flex{
    display: flex;
    
}

.rec_flex div{
    width: 48%;
    margin: 10px;
}

.tbl_event  img{
    width: 300px;
}

.eve_h{
	width: 100%;
	height:50px;
	margin-top: 0;
	margin-right: 0;
/*	margin-left: 100px;*/
	margin-bottom:10px;
	font-size:1.2em;
	font-weight:bold;
	background:#edf3de;
	padding: 10px 0 15px 10px;
	cursor:pointer;
	border-left: 10px solid #5f8609;
	/*border-left: 10px solid #bad085;*/
}

    div.text_area2> center >table>tbody>tr>td>a>img{
        width: 300px;
    }
    
    div.text_area2> center >table{
        width: 100%;
    }
    
     div.text_area2> center >table>tbody>tr{
        width: 100%;
         display: block;
         margin: 10px;
    }
    div.text_area2> center >table>tbody>tr>td{
        width: 30%;
    }
    
@media screen and (max-width:767px) {
    
    .rec_flex{
        display: block;
    }
    .rec_flex div{
    width: 93%;
        margin: 15px;
}
    
    .rec_flex img{
        width: 100%;
    }
    ul.support_menu{
        width: 100%;
    }
    
    .houkoku_bnr >a >img{
        width: 100%;
    }
    
    table.tbl_event td{
        width: 30%;
    }
    
    .eve_h{
	width: 100%;
	height:50px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0px;
	margin-bottom:10px;
	font-size:1.2em;
	font-weight:bold;
	background:#edf3de;
	padding: 10px 0 15px 10px;
	cursor:pointer;
}
    

    div.text_area2> center >table>tbody>tr>td>a>img{
        width: 111px;
    }
    
    div.text_area2> center >table{
        width: 100%;
    }
    
     div.text_area2> center >table>tbody>tr{
        width: 96%;
         display: block;
         margin: 10px;
    }
    div.text_area2> center >table>tbody>tr>td{
        width: 30%;
    }
    
 
    
    
/*イベント報告バックナンバー
-------------------------------------------------------------------------*/
.back_box{
	width: 100%;
	margin: 50px auto 0;
}
.under{
	margin: 0 auto 20px;
}

    
.back_box ul{
	width: 100%;
	display: block;
}
.back_box ul li{
	width: 100%;
	margin-bottom: 20px;
}

.back_box ul li a:hover{
	transition: all .2s ease-in;
	opacity: 0.6;
}

    .tbl_event img{
        width: 111px;
    }
    
}