@charset "UTF-8";

/*色=======================================================
枠・塗りなど：134,28,60
●：134,28,60
=======================================================*/

div.accordion{
	text-align: left;
	word-wrap:break-word;
	overflow-wrap:break-word;
}

/*TYPE1=======================================================*/
div.accordion.ac_type1>.ac_head{
	position: relative;
	padding: .7em 1em .7em 2.7em;
	
	font-size: 1.6rem;
	font-weight: bold;
	
	line-height: 1.5 !important;
	/*background-color:rgba(134,28,60,.1);*/
	background-color: rgba(255,255,255,.5);
	
	
	
	overflow: hidden;
	-moz-user-select : none ;
	-webkit-user-select : none ;
	-ms-user-select : none ;
	user-select : none ;
	cursor: pointer;
	transition: background-color .3s;
}
.sm_view div.accordion.ac_type1>.ac_head{
	padding: .7em 1em .7em 2.2em;
}
div.accordion.ac_type1>.ac_head:before{
	content: "";
	display: block;
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	left: .7em;
	top: .7em;
	border-radius: 50%;
	background-color: rgba(134,28,60,1);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURf///0dwTP////////////////////////mpQMMAAAAIdFJOU7IAoHw1WRgLt1vDJgAAAONJREFUWMPt1zsOg0AMRdGnIemTrAF2gOhnCVNRZwlk/0XK8JmPb4SmSIb+SMjG9kN3/KiRRhr5PfLwmNy6JybqFkw0cKKeE02caObEBUzkPCbKtCdFdF0w0YUTjZyk2pMjbsYkUeosiZc6T6KTUCCxSSiRyCQUybHUZXKYBANR4GTXHgvZtcdEtpNgI5tSG8l6Eqxk1R4z+UyCnYQKLzZWKDJvJf9gvvgsfYURmyqsi6HC6uMLlq/xxF0+9yTxw9dXOOI8KvBAkhOnhSse4XhQ5HGUh14erV88wLe/pEYa+Q/yBk9AJ4bsAiEjAAAAAElFTkSuQmCC);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.sm_view div.accordion.ac_type1>.ac_head:before{
	left: .4em;
}
div.accordion.ac_type1.ac_open>.ac_head:before{
	-webkit-transform : rotateZ(90deg);
	-ms-transform : rotateZ(90deg);
	transform: rotateZ(90deg);
}
.display_device div.accordion.ac_type1>.ac_head:hover{
	background-color: rgba(134,28,60,.2);
}
.touch_device div.accordion.ac_type1>.ac_head:active{
	background-color: rgba(134,28,60,.2);
}
div.accordion.ac_type1>.ac_head>p{
	position: relative;
}
div.accordion.ac_type1>.ac_body{
	position: relative;
	padding: 0 0 0 1rem;
	margin: 0;
	overflow: hidden;
	height: 0;
	-ms-filter: "alpha( opacity=1 )";
	filter: alpha( opacity=1 );
	-moz-opacity: 0.01; 
	opacity: 0.01;
	/*background-color: #ffffff;*/
	transition: all .15s;
}
div.accordion.ac_type1>.ac_body:after{
	content:"";
	display:block;
	clear:both;
}

div.accordion.ac_type1.ac_open>.ac_body{
	overflow: visible;
	height: auto;
	padding: 1rem 0 1rem 1rem;
	margin: 1rem 0 2rem;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	-moz-opacity: 1; 
	opacity: 1;
}
div.accordion.ac_type1>.ac_body>p{
	position: relative;
}

/*TYPE2=======================================================*/
div.accordion.ac_type2{
	/*border: solid .1rem rgba(134,28,60,.5);*/
	border-top: solid 1px #cccccc;
	background-color: rgba(255,255,255,.95);
}
div.accordion.ac_type2:last-of-type{
	border-bottom: solid 1px #cccccc;
}

div.accordion.ac_type2>.ac_head{
	position: relative;
	padding: 1rem 20px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 3rem;
	/*background-color: #ffffff;*/
	background-color: rgba(255,255,255,.7);
	color: #333333;
	
	-moz-user-select : none ;
	-webkit-user-select : none ;
	-ms-user-select : none ;
	user-select : none ;
	
	cursor: pointer;
	transition: background-color .3s;
}
.sm_view div.accordion.ac_type2>.ac_head{
	/*padding-right: .5rem;*/
	padding: 1rem 15px;
}
div.accordion.ac_type2>.ac_head:after{
	content: "";
	display: block;
	box-sizing: border-box;
	width: 2.4rem;
	height: 2.4rem;
	position: absolute;
	border-right: solid .3rem #999999;
	border-bottom: solid .3rem #999999;
	right: 20px;
	bottom: 1.8rem;
	-webkit-transform : rotate(45deg) ;
	-ms-transform : rotate(45deg) ;
	transform : rotate(45deg) ;
	transition: all .3s;
}
.sm_view div.accordion.ac_type2>.ac_head:after{
	right: 15px;
}
div.accordion.ac_type2.ac_open>.ac_head:after{
	bottom: 0.9rem;
	-webkit-transform : rotate(-135deg) ;
	-ms-transform : rotate(-135deg) ;
	transform : rotate(-135deg) ;
}

.display_device div.accordion.ac_type2>.ac_head:hover{
	background-color: #eeeeee;
}
.touch_device div.accordion.ac_type2>.ac_head:active{
	background-color: #eeeeee;
}
div.accordion.ac_type2>.ac_head>p{
	position: relative;
}
div.accordion.ac_type2>.ac_head>p:after{/*ボタンにかぶらないため*/
	content: "\00a0";
	display: inline-block;
	width: 2.8rem;
	position: relative;
}

div.accordion.ac_type2>.ac_body{
	position: relative;
	padding: 0 20px;
	overflow: hidden;
	height: 0;
	-ms-filter: "alpha( opacity=1 )";
	filter: alpha( opacity=1 );
	-moz-opacity: 0.01; 
	opacity: 0.01;
	transition: all .15s;
}
.sm_view div.accordion.ac_type2>.ac_body{
	padding: 0 15px;
}
div.accordion.ac_type2.ac_open>.ac_body{
	height: auto;
	padding: 2rem 20px 5rem;
	border-top: dotted 1px #dddddd;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	-moz-opacity: 1; 
	opacity: 1;
}
.sm_view div.accordion.ac_type2.ac_open>.ac_body{
	padding: 2rem 15px 5rem;
}
div.accordion.ac_type2>.ac_body>p{
	position: relative;
}

/*タイトル部分に配置するもの===========================================*/
div.accordion>.ac_head>p>span.ac_add{
	position: absolute;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
div.accordion.ac_type2>.ac_head>p>span.ac_add{
	right: 3rem;
}
div.accordion>.ac_head>p>span.ac_add>*{
	vertical-align: top;
}
div.accordion>.ac_head>p span.ac_head_adjust{
	display: inline-block;
	/*background: #ff0000;*/
}