@charset "utf-8";
/*==================================================================================*/
/*																					*/
/*		【アコーディオンメニュー共通化CSS】											*/
/*																					*/
/*		accontents.css（当css）とacmenu.jsを一緒に組み込んでください				*/
/*		実装は同名のクラス名を記述するだけです。									*/
/*		色やアイコン画像、ボーダーは任意に設定してください							*/
/*																					*/
/*		AC_contents1～AC_contents5は互いに干渉させないために用意したもので			*/
/*		アコーディオンメニューの動作を互いに干渉させたくない場合は					*/
/*		違うACcontentsの番号を割り当ててください（５種類まで可能）					*/
/*																					*/
/*		開閉したままにしたい場合は『AC_contentsS』を使用してください				*/
/*																					*/
/*																					*/
/*		★レスポンシブ対応させたい場合★											*/
/*		AC_contents1R～AC_contents5R、AC_contentsRRを使用してください				*/
/*		画面幅にあわせてコンテンツ内が閉じるようになります。						*/
/*		※末尾に半角大文字「R」がつきます。											*/
/*																					*/
/*==================================================================================*/


/*==================================================================================*/
/*																					*/
/*	通常版（レスポンシブ非対応）	※対応版は下にあります							*/
/*																					*/
/*==================================================================================*/



.AC_contents1,.AC_contents2,.AC_contents3,.AC_contents4,.AC_contents5,.AC_contentsR{
	display:none;
}

/*---メニュー１------------------------------------------------------------------*/
/*コンテンツ（初期状態は隠れた状態）*/
.AC_contents1{
	background: url("../images/linkArrow.png") no-repeat 97% center white;
	border-bottom: 1px solid #FED697;
	margin:10px;	
}
/*トリガーボタン*/
.AC_trriger1{
	background: url("../images/list-icon.gif") no-repeat 95% center #FFF9DF;
}
/*開閉後アイコン*/
.AC_open1{
	background: url("../images/list-icon_ACopen.gif") no-repeat 95% center #FFF9DF;
}


/*---メニュー２------------------------------------------------------------------*/
.AC_contents2{
	background: url("../images/linkArrow.png") no-repeat 97% center white;
	border-bottom: 1px solid #FED697;
	margin:10px;	
}

.AC_trriger2{
	background: url("../images/list-icon.gif") no-repeat 95% center #FFF9DF;
}

.AC_open2{
	background: url("../images/list-icon_ACopen.gif") no-repeat 95% center #FFF9DF;
}


/*---メニュー３------------------------------------------------------------------*/
.AC_contents3{
	background: url("../images/linkArrow.png") no-repeat 97% center white;
	border-bottom: 1px solid #FED697;
	margin:10px;	
}
.AC_trriger3{
	background: url("../images/list-icon.gif") no-repeat 95% center #FFF9DF;
}
.AC_open3{
	background: url("../images/list-icon_ACopen.gif") no-repeat 95% center #FFF9DF;
}


/*---メニュー４------------------------------------------------------------------*/
.AC_contents4{
	background: url("../images/linkArrow.png") no-repeat 97% center white;
	border-bottom: 1px solid #FED697;
	margin:10px;	
}
.AC_trriger4{
	background: url("../images/list-icon.gif") no-repeat 95% center #FFF9DF;
}
.AC_open4{
	background: url("../images/list-icon_ACopen.gif") no-repeat 95% center #FFF9DF;
}


/*---メニュー５------------------------------------------------------------------*/
.AC_contents5{
	background: url("../images/linkArrow.png") no-repeat 97% center white;
	border-bottom: 1px solid #FED697;
	margin:10px;	
}
.AC_trriger5{
	background: url("../images/list-icon.gif") no-repeat 95% center #FFF9DF;
}
.AC_open5{
	background: url("../images/list-icon_ACopen.gif") no-repeat 95% center #FFF9DF;
}


/*---開閉版------------------------------------------------------------------*/
.AC_contentsS{
	background: url("../images/linkArrow.png") no-repeat 97% center white;
	border-bottom: 1px solid #FED697;
	margin:10px;	
}
.AC_trrigerS{
	background: url("../images/list-icon.gif") no-repeat 95% center #FFF9DF;
}
.AC_openS{
	background: url("../images/list-icon_ACopen.gif") no-repeat 95% center #FFF9DF;
}






/*==================================================================================*/
/*																					*/
/*	レスポンシブ対応版		※PCでは見える/SPでは見えない処理						*/
/*																					*/
/*==================================================================================*/

/*---メニュー１------------------------------------------------------------------*/
/*コンテンツ*/
.AC_contents1R{
	background-image:none;
	background-repeat:no-repeat;
	background-position:97% center;
	background-color:#ffffff;
    margin: 1% 2% 0 1%;
    width: 97%;
}
/*トリガーボタン*/
.AC_trriger1R{
	display:inline-block;
	width:100%
}
/*トリガーボタンのマーカー画像*/
.AC_trriger1R:before{
	content:url("../images/h3_ttl.gif");
	padding-right:1%;
}


/*---メニュー２------------------------------------------------------------------*/
/*コンテンツ*/
.AC_contents2R{
	background: url("../images/linkArrow.png") no-repeat 97% center white;
	border-bottom: 1px solid #FED697;
	margin:10px;	
}
/*トリガーボタン*/
.AC_trriger2R{
	display:inline-block;
	width:100%;
	background: url("../images/list-icon.gif") no-repeat 95% center #fff;
}
/*トリガーボタンのマーカー画像*/
.AC_trriger2R:before{
	content:url("../images/h3_ttl.gif");
	padding-right:1%;
}

/*---メニュー３------------------------------------------------------------------*/
/*コンテンツ*/
.AC_contents3R{
	background: url("../images/linkArrow.png") no-repeat 97% center white;
	border-bottom: 1px solid #FED697;
	margin:10px;	
}
/*トリガーボタン*/
.AC_trriger3R{
	display:inline-block;
	width:100%;
	background: url("../images/list-icon.gif") no-repeat 95% center #fff;
}
/*トリガーボタンのマーカー画像*/
.AC_trriger3R:before{
	content:url("../images/h3_ttl.gif");
	padding-right:1%;
}

/*---メニュー４------------------------------------------------------------------*/
/*コンテンツ*/
.AC_contents4R{
	background: url("../images/linkArrow.png") no-repeat 97% center white;
	border-bottom: 1px solid #FED697;
	margin:10px;	
}
/*トリガーボタン*/
.AC_trriger4R{
	display:inline-block;
	width:100%;
	background: url("../images/list-icon.gif") no-repeat 95% center #fff;
}
/*トリガーボタンのマーカー画像*/
.AC_trriger4R:before{
	content:url("../images/h3_ttl.gif");
	padding-right:1%;
}

/*---メニュー５------------------------------------------------------------------*/
/*コンテンツ*/
.AC_contents5R{
	background: url("../images/linkArrow.png") no-repeat 97% center white;
	border-bottom: 1px solid #FED697;
	margin:10px;	
}
/*トリガーボタン*/
.AC_trriger5R{
	display:inline-block;
	width:100%;
	background: url("../images/list-icon.gif") no-repeat 95% center #fff;
}
/*トリガーボタンのマーカー画像*/
.AC_trriger5R:before{
	content:url("../images/h3_ttl.gif");
	padding-right:1%;
}

/*---開閉版------------------------------------------------------------------*/
/*コンテンツ*/
.AC_contentsRR{
	background: url("../images/linkArrow.png") no-repeat 97% center white;
	border-bottom: 1px solid #FED697;
	margin:10px;	
}
/*トリガーボタン*/
.AC_trrigerRR{
	display:inline-block;
	width:100%;
	background: url("../images/list-icon.gif") no-repeat 95% center #fff;
}
/*トリガーボタンのマーカー画像*/
.AC_trrigerRR:before{
	content:url("../images/h3_ttl.gif");
	padding-right:1%;
}


@media screen and (max-width:640px){
/*コンテンツ*/
.AC_contents1R,.AC_contents2R,.AC_contents3R,.AC_contents4R,.AC_contents5R,.AC_contentsRR{
	display:none;
}
/*トリガーボタン*/
.AC_trriger1R,.AC_trriger2R,.AC_trriger3R,.AC_trriger4R,.AC_trriger5R,.AC_trrigerRR{
	display:block;
}

/*トリガーボタン*/
.AC_trriger1R{
	background-color:#FFF5D9;
	background-image:url("../images/arrow_or01.gif");
	background-position:95% center;
	background-repeat:no-repeat;
}/*開閉後アイコン*/
.AC_open1R{
	background-image:url("../images/arrow_or02.gif");
	background-position:95% center;
	background-repeat:no-repeat;
}


}