@charset "UTF-8";
	
body{
	text-align	: center;
	margin		: 0;
	padding		: 0;
	font-family	: sans-serif;
	overflow-y	: scroll;		/* スクロールバーを表示させておく */
}

a{
	-webkit-tap-highlight-color : transparent;
}

div#full{
	width: 400px;			margin: 0;			padding: 0;
	margin: 0 auto 0 auto;
}
div#logo{
	width: 100%;			background: #DDEBF7;		margin: 0;
	padding: 6px 0 0 0; 		height: 104px;			border: 0;
}
div#tirasi{
	width: 100%;			background: #20499F;		margin: 0 auto 20px auto;
	padding: 6px 0 0 0;		height: 31px;			border: 0;

}
div#massage{
	width: 100%;			margin: 0px auto 13px auto;	width: 305px;
	height: 35px;			border: 0;
}
div#foot{
	width: 100%;			background: #20499F;		margin: 20px auto 0 auto;
	padding: 20px 0px;		color: #FFFFFF;
}
/*ボックス全体*/
.sp_menu {
	margin: 0;			padding: 0;			max-width: 400px;
}
.sp_menu a{
	text-decoration: none;
}
ul{
	list-style: none;
	padding: 0;
}
/*ラベルデザイン*/
.sp_menu label {
	display: block;			margin: 0;			padding: 0;
	color: #2f8fcf;			font-weight: bold;		background: linear-gradient(#ffffff, #DDEBF7);
	cursor: pointer;		vertical-align: bottom;		line-height: 0;
}
.tenpo img {
	display: block;			background: #ffffff;		vertical-align: bottom;
	line-height: 0;			
}
.kikan img {
	display: block;			background: #DDEBF7;		vertical-align: bottom;
	line-height: 0;
}
.tenpo label{
	border-bottom: dashed 1px #20499F;
}
.tenpo label[for="menu2-23"],
.tenpo label[for="menu2-42"],
.tenpo label[for="menu2-14"],
.tenpo label[for="menu2-41"],
.tenpo label[for="menu2-24"],
.tenpo label[for="menu2-27"],
.tenpo label[for="menu2-51"],
.tenpo label[for="menu3-49"],
.tenpo label[for="menu3-08"],
.tenpo label[for="menu3-21"],
.tenpo label[for="menu3-45"],
.tenpo label[for="menu4-50"],
.tenpo label[for="menu4-47"] {

	 border-bottom:solid 1px #20499F;
}

/*チェックは隠す*/
.sp_menu input {
	display: none;
}
/*中身を非表示にしておく*/
.sp_menu .tenpo {
	height: 0;			padding: 0;			margin: 0;
	overflow: hidden;		opacity: 0;
}

/*クリックで中身表示*/
.accordion:checked + .tenpo {
	height: auto;			padding: 0;			margin: 0;
	background: #ffffff;		opacity: 1;
}

/*中身を非表示にしておく*/
.sp_menu .kikan {
	display: block;			vertical-align: bottom;		height: 0;
	padding: 0;			margin: 0;			overflow: hidden;
	opacity: 0;
}

/*クリックで中身表示*/
.accordion:checked + .kikan {
	height: auto;			padding: 0;			margin: 0;
	background: #DDEBF7;		opacity: 1;			
	list-style: none;
}

/* 中身に下線  */
.accordion:checked + .kikan li {
	border-bottom	: dotted 1px #20499F;
}
.accordion:checked + .kikan li:last-child{
	border-bottom	: groove 3px #20499F;
}


#topbutton{
/* ▼表示位置を画面の右下に固定 */
	position		: fixed;		/* 表示場所を固定 */
	bottom			: 18px;			/* 下端からの距離 */
	right			: 18px;			/* 右端からの距離 */

/* ▼最初は非表示にしておく */
	display			: none;

/* ▼配色・配置・文字の装飾など */
	background-color	: rgba(133,184,226,0.7);/* ←背景色&透明度 */
	border-radius		: 8px;			/* ←角丸の半径 */
	text-align		: center;		/* ←文字の位置(横) */
	vertical-align		: middle;		/* ←文字の位置(縦) */
	font-size		: 32px;			/* ←文字サイズ */
	transform		: rotate( 90deg );	/* 文字回転 */
	 -moz-transform		: rotate( 90deg );	/* Firefox用 */
	 -webkit-transform	: rotate( 90deg );	/* Chrome,Safari,新しいOpera用 */
	 -o-transform		: rotate( 90deg );	/* 古いOpera用 */
	 -ms-transform		: rotate( 90deg );	/* IE9用 */
	font-weight		: bold;			/* ←文字の太さ */
	margin			: 0px;			/* ←外側の余白 */
	padding			: 0px;			/* ←内側の余白 */
}

#topbutton a{
/* ▼リンクの装飾 */
	color			: #20499F;		/* ←文字色 */
	text-decoration		: none;			/* ←下線なし */
	display			: inline-block;
	padding			: 6px 12px;		/* ←内側の余白 */ /* 左右 上下 */
}