@charset "utf-8";

/*----------------------------------------------------
	リセット
----------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}

table {
	border-collapse: collapse; border-spacing: 0;
}

caption, th {
	text-align: left;
}

q:before, q:after {
	content: ''; 
}

object, embed {
	vertical-align: top;
}

hr, legend {
	display: none; 
}

h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
}

img, abbr, acronym, fieldset { 	
	border: 0;
	margin:0;
	padding:0;
}

img{
  vertical-align:bottom;
}

img { -ms-interpolation-mode: bicubic; }

li { 
	list-style-type: none; 
}

html, body, .container, .leftSideBar, .content, .rightSideBar {
	height: 100%;
}

/* iOSでのデフォルトスタイルをリセット */
* {
	-webkit-appearance: none;
	border-radius: 0;
}

#hide{
display: none;
}

#hide2{
display: none;
}

/*----------------------------------------------------
	基本設定
----------------------------------------------------*/

h1,h2,h3,h4,h5{
	font-weight:normal;
}

a:link,a:hover,a:visited{
	text-decoration: none;
}

.indent{
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
text-align: left;
}

/*+++　フォント　+++*/
.f-b{
	font-weight:bold;
}

.f-n{
	font-weight:normal;
}

.blue{
	color:#0077c2;
	font-weight:bold;
}

.t-red{
color: #EB2C61;
}

.beets{
color: #b7005b;
}

.purple{
color: #9d2393;
}

.green{
color: #229C6E;
}

.blue-blue{
color: #216ebe;
}

.icon-clock{
float: left;
width: auto;
font-size: 30px;
}


.pink{
background: #fbeded;
}

/*+++　幅・高さ　+++*/
.w100p{
	width:100%;
}

.w50p{
	width:50%;
}

.h40px{
height: 40px;
}

/*+++　マージン　+++*/
.m-r5{
margin: 0 5px 0 0;
}

.m-tb15{
margin: 15px 0;
}

.m-tb30{
margin: 30px 0;
}

.m-b15{
margin: 0 0 15px 0;
}

.m-b20{
margin: 0 0 20px 0;
}

.m-b30{
margin: 0 0 30px 0;
}

.m-b80{
margin: 0 0 80px 0;
}

.m-t20{
margin: 20px 0 0 0;
}


/*---------------------------------
　コンテンツ
---------------------------------*/

/*radio01 css*/
.radio01-input{
  display: none;
}
.radio01-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.radio01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio01-input:checked + .radio01-parts{
  color: #009a9a;
}
.radio01-input:checked + .radio01-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #009a9a;
  border-radius: 50%;
}



.silent{
	speak:none;
}

.reader{
	position:absolute;
	top:-9999px;
	left:-9999px;
}

#blockskip {
	position:absolute;
	top:0;
	left:0;
	width: 100%; 
	z-index: 9999;
	margin: 0;
	padding: 0;
	overflow: visible;
	
}

#blockskip a { 
	display: block; 
	float: left;
	width: 100%;  
	margin: 0; 
	margin-top: -2em;
	height: 1px; 
	padding: 0;
	background: #387c01;
	text-align: center; 
	text-decoration: none 
	!important; font-size: 1px; 		
	color: #eee;
	z-index: 20000;	
}

#blockskip a:hover {
	text-decoration:underline;
	z-index: 20000;	
}

#blockskip a.shows { 
	height:1em; 
	margin-top: 0px; 
	padding: 11px 0 6px 0; 
	font-size: 96%; 
	line-height: 1; 
	cursor: pointer; 
	text-decoration:none !important;
	color: #ffffff;
	z-index: 30000;
}

.noscript{
	width:100%;
	padding:90px 0 85px 0;
	text-align:center;
	font-size:125%;
	border-top:4px solid #da2b79;
	border-bottom:4px solid #da2b79;
	color:#fff;
	background-color:#959595;
}

::-webkit-input-placeholder {
  color: #909090;line-height: 1.5em;font-size: 1.4rem;
}
::-moz-placeholder {
  color: #909090; opacity: 1;line-height: 1.5em;font-size: 1.4rem;
}
:-ms-input-placeholder {
  color: #909090;line-height: 1.5em;font-size: 1.4rem;
}